Как избежать обертывания в IE7, когда у меня есть две ul в навигации?

Question

В браузере ie8 или firefox, мой код работает хорошо, две ul находятся в одной строке. Но когда я ie7, две ul находятся в разной строке, как сделать тогда в той же строке в ie7?

<DIV id='navigation'> 
<ul><li><span> leftspan </span></li></ul> 
<ul style='float:right;'> 
    <li><span> leftspan </span></li> 
    <li><a href="http://www.google.com" 
     target="_blank">google</a></li> 
    <li><a href="http://www.apple.com" 
     target="_blank">apple</a></li> 
</ul></DIV> 

Answer 1

При использовании поплавков плавающие элементы должны быть первыми в дереве DOM.

<div id='navigation'> 
<ul style='float:right;'> 
    <li><span> leftspan </span></li> 
    <li><a href="http://www.google.com" 
     target="_blank">google</a></li> 
    <li><a href="http://www.apple.com" 
     target="_blank">apple</a></li> 
</ul> 
<ul> 
    <li><span> leftspan </span></li> 
</ul> 
</div> 

Это должно работать в IE7 (Он работает на эмуляторе)