Problem description: Text that is to the right of a left-floated IMG tag in a "stream_item" article description is offset horizontally in Internet Explorer 7, 8 but not in Firefox or Safari. The top of the text to the right of the image should be even with the top of the image.
Site: www.raceonedesign.com <http://www.raceonedesign.com/> : see on the front page the article descriptions that include images, such as the second description in the left-most column, "Play by Play: CYC Lake Washington Spring Series Thistle Race 7." In Firefox/Safari, the top of the text portion of the description is flush with the top of the image. In IE, it is offset horizontally down by approximately 1em. HTML structure: <li class='stream_item'> <a> <img class='article_thumbnail' /> </a> <div class='stream_header'> <div class='stream_byline'> . etc. CSS: li.stream_item{ margin:1.5em 0px 0px; } li.stream_item img{ float:left; margin-right:7px; border:1px solid #D9D9D9; } . I hope this is enough information to help me with this. I've tried lots of different CSS tweaks to fix this but obviously have not succeeded yet. Any help greatly appreciated. Doug Stumberger www.raceonedesign.com ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
