View Full Version : CSS + Nested UL in IE problem

12-10-2010, 03: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

<li><a href="landing1.html">Home</a></li>
<li><a href="article.html">Television</a></li>
<li><a href="">Film</a>
<li><a href="">In Production</a></li>
<li><a href="">Released</a>
<li><a href="">Passchendaele</a></li>
<li><a href="">Under The Sea</a></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>

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