This picture is from my concept art. I'm having trouble getting it to work in my code in a cross browser fashion. The right-hand side is how I want it to look (left is just extra info):
http://surrailism.com/filedump/listproblem.png Basically, we have a title, an excerpt (truncated to fit) and a date (DD/MMM). The date is floated left and the other contents of the 'li' roughly in the middle (vertically). Also, List items should change colour on hover (entire block). The div that the list is in is 31em+1em margin. It is one of two columns and is floated left. The layout is supposed to be completely zoomable. Everything is sized with ems- width, height, margin, padding, text-size, etc. Body is 62.5%, text-sizes range from 1em-3em. The em sizing is working really well everywhere else in the layout, but I can't figure out the combination of content, tags and css to make this list work in anything except FireFox. I'm looking for the best way to do this (HTML+CSS), to work with modern browsers and degrade nicely for others. Thanks for any help. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
