Vetinari: ie boxmodell

Hallo,

habe eine Website per CSS folgendermaßen aufgebaut:

<div id="top">
    <div id="navi_block">
        <ul><li></li></ul>
    </div>
    <div id="main">
        <div id="navigation">
        </div>
        <div id="content">
        </div>
    </div>
</div>

der navi_block ist so positioniert:

div#top>div#navi_block {
    width: 540px;
    margin-left: 476px;
    margin-top: 28px;
}

* html div#navi_block {
    width: 540px;
    margin-left: 476px;
    margin-top: 175px;
}

funktioniert alles soweit, aber nun wollte ich mein javascript dropdown-menu im navi_block durch ein menu (fast) ohne js ersetzen. im firefox wieder kein problem, aber im ie wird die dropdownliste zwar angezeigt, aber hinter der box "main", so dass die menüpunkte nicht anklickbar sind.
hier der link:
http://www.martinlanius.de/test.php

wie kann ich dem ie beibringen, die sache so der firefox darzustellen´?

Gruss, Martin

  1. Hallo,

    war irgendwas unklar, oder gibt es keine Ideen zu dem Thema?

    Gruss, Martin

    1. Hallo,

      nochmal zum Dropdown Menu.
      hier der Link:
      http://www.martinlanius.de/test.php
      Das Dropdown Menu unter "Link 1" klappt aus, aber beim überfahren mit der Maus verschwindet es genau dort, wo der Text der Seite beginnt. Das Ganze passiert nur im IE. Mit dem z-index des Blocks hat es aber nichts zu tun ...
      Woran liegt das?

      Gruss, Martin

  2. Hi,

    im firefox wieder kein problem, aber im ie wird die dropdownliste zwar angezeigt, aber hinter der box "main", so dass die menüpunkte nicht anklickbar sind.

    Dann gebe ihr einen hoeheren z-index. (Erfordert eine Positionierung - relative reicht aus.)

    MfG ChrisB

    1. Perfekt!
      Danke,

      martin