CSS Forum

**erron00** · 08-12-2010, 08:54 PM

Please help im going crazy, works fine in firefox and chrome and IE6 but in IE8 the 3rd list image is dropping down and i cant see why.

css here:

Code:

#innerbody_boxes{clear:both;float:left;width:690px;padding-top:8px;padding-bottom:8px;height:83px;}
.bodyboxes li{float:left;list-style:none;padding-left:37px;}

here is the html:

Code:

<div id="innerbody_boxes">
<ul class="bodyboxes">
<li><a href="index_cs.php"><img height="83" alt="" width="181" src="images/header4.gif" /></a> </li>
<li><a href="http://www.drive.com.au/Search/Searc...amp;nv=1"><img height="83" alt="" width="181" src="images/header5.gif" /></a> </li>
<li><a href="http://www.drive.com.au/Search/Searc...amp;nv=1"><img height="83" alt="" width="181" src="images/header6.gif" /></a> </li>
</ul>
</div>

attached is a screenshot of what it looks like in IE8 only

any help would be much appreciated