css - IE6 <li> images pushing down to next line -


i have basic top nav area:

ul#topnav { margin:0; list-style-type:none; width:400px; font-weight:bold; padding:0; float:left; } ul#topnav li { display: inline; padding:0 3px; margin:0; float:left; } ul#topnav li a, ul#topnav li a:link, ul#topnav li a:active { text-decoration: none; padding:0; margin:0; font-size:11px; } 

the html follows:

<ul id="topnav">         <li><a href="#">home</a></li>         <li><a href="#">contact us</a></li>         <li><a href="#">community</a></li>      <%if session("id") <> "" %>         <li><%response.write(hometopmenuwelcomemessage) %></li>         <li><a href="#">log out</a></li>     <%end if %>          <li><a href="#"><img src="/_images/fb-icon.jpg" alt="facebook icon" /></a></li>         <li><a href="#"><img src="/_images/tw-icon.jpg" alt="twitter icon" /></a></li>      </ul> 

and life of me, can not social media images stay inline rest of list items... have tried explicitly floating them right, display:block... nothing...

am missing something?

i know ie6 sucks, screwing rest of pages , way layout...

thanks

can put in fiddle? makes realistic community jump in , debug problem. first guess expand width of ul#topnav. no need li items floated left , display inline, inline.


Comments

Popular posts from this blog

c# - How to set Z index when using WPF DrawingContext? -

razor - Is this a bug in WebMatrix PageData? -

visual c++ - Using relative values in array sorting ( asm ) -