Höhe verhindert Aufklappen im IE(9)

[Robbyn-]

Hallo, ich habe folgendes Menü:

<ul id="mainNavigation" style="height:39px;">
	<li class="sub">Reisewelt
    	<div class="inner" style="display:none;">
        	<ul>
            	<li>Test1</li>
                <li>Test2</li>
            </ul>
        </div>
    </li>
</ul>

Dieses Menü wird mit jQuery aufgeklappt bzw. zugeklappt:

<script>
$(document).ready(function(e) {
    $('#mainNavigation li.sub').hover(function(e) {
        var elemt = $(this).children('.inner');
		
		if(!elemt.is(':visible'))
		{
			elemt.slideDown("fast");
		}
		else
		{
			elemt.slideUp("fast");
		}
    });
});
</script>

Das funzt auch in allen Browsern, bis auf den IE, der hat das Problem, soweit ich das feststellen konnte, das er mit der Höhe 39px; beim ul mainNavigation, nicht klar kommt. Dies ist eine Fixe Höhe. Ich habe auch schon versucht mainNavigation auf position:relative zu stellen und dann das div (class="inner") eine position:absolute und z-index zu verpassen was aber nichts geändert hat.

Hat jemand ein Tipp was man am CSS verändern muss damit es auch im IE klappt?

 

[Misco]

AW: Höhe verhindert Aufklappen im IE(9)

overflow: visible;

vielleicht klappt das. ansonsten mal live Beispiel geben.

 

[Myhar]

AW: Höhe verhindert Aufklappen im IE(9)

Du solltest auch einmal dein Markup bearbeiten, das div Element ist komplett unsinnig an dieser Stelle.
Auch hoffe ich doch, dass du eine CSS Lösung eingebaut hast, welche du jetzt nur mit JS erweiterst. Ansonsten füge erst die CSS Lösung ein und kümmer dich dann erst um die JS Lösung.
Als letzten Punkt:
Verwende statt deiner if Abfrage einfach

Bitte kostenlos registrieren, damit du die Links siehst.

(nachdem du die ersten zwei Punkte aus meinem Post erledigt hast)