...

View Full Version : CSS + Nested UL in IE problem



twhiteley
12-10-2010, 02:55 PM
I'm building a site which worked initially as a static page but when I integrated it with Drupal it went crazy on me. I've been able to fix almost everything but I can't figure out how to get tame the issue IE(7) is producing when it comes to the nest UL

In every other browser the menu looks fine but in IE7 the left hand menu vertically collapses and I can't seem to force the height properly either.

Any help would be greatly appreciated.

I have the following code working just fine in IE7 but can't identify where I/Drupal broke it on the above live version


<ul>
<li><a href="landing1.html">Home</a></li>
<li><a href="article.html">Television</a></li>
<li><a href="">Film</a>
<ul>
<li><a href="">In Production</a></li>
<li><a href="">Released</a>
<ul>
<li><a href="">Passchendaele</a></li>
<li><a href="">Under The Sea</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Digital Media</a></li>
<li><a href="">News</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
</ul>


FIXED: Had to add display:inline-block to the nested UL



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum