probleme mit darstellung der navigation

[Sansire]

hi leuz

ich weiss dass der IE eine andere CSS grundeinstellung hat wie der FireFox

darum habe ich mein CSS mit folgenden "browser gleichformatierungen" erweitert:

* { margin:0; /* Mit "*" werden alle HTML Elemente angesprochen. Ale Werte werden auf 0 gesetzt. */ 
  padding:0; /*(Für IE und Firefox gleichformatierung)*/
 }
 
Body, p, h1, h2  { margin: 0px; /* Neudefintion aller Abstände. (Für IE und Firefox gleichformatierung) */
     }

problem der darstellung:

wenn ich im dreamweaver cs4 auf live-ansicht klicke um eine gerenderte version anzusehen, wird die navigation richtig angezeigt. im firefox wird es auch richtig dargestellt, ausser beim IE nicht! kann mir jemand evt weiterhelfen?:

DW (sieht gut aus)

Fire Fox (sieht auch gut aus)

IE (hier ist der untere teil von "a padding bottom" irgendwie geschnitten)

hier der css code der navigation:

#navig { text-align:center;
   height:25px;
   background:#333;
   padding-top:10px;
  }
#navig a { color:#F7F7F7;
    text-transform:uppercase;
    text-decoration:none;
    margin-left:10px;
    margin-right:10px;
    background:#000;
    border:2px;
    border-right:#E8E8E8 solid;
    border-bottom:#E8E8E8 solid;
    border-left:#999 solid;
    border-top:#999 solid;
    padding:5px;
   }
#navig a:hover { color:#000;
     background:#FEFFC6;
     border-bottom-color:#333;
     border-right-color:#333;
     border-left-color:#999;
     border-top-color:#999;
    } 
#navig li { display:inline;
    list-style-image:none;
   }

 

[neuroleptika]

Sieht aus als ob line-height verkehrt verwendet wurde.
Zeige mal ein online-Beispiel.

Edit:
ohne kompletten Code kann das natürlich geraten sein.
#navig könnte eine ul / ol oder ein umschließendes div sein.
Height ist für Textinhalte (zumindest in px) nicht geeignet.

 

[Sansire]

#navig ist ein div container. die navigation ist mit <ul> und <li> gemacht

im navig div container habe ich mal den height rausgenommen und padding 10px gemacht, kommt auf gleiches resultat. problem besteht immernoch

online beispiel:
www.dj-sansire.ch

 

[neuroleptika]

Dann gebe #navig ul und #navig a layout.
Am einfachsten durch zoom: 1;

Ich sehe im IE noch immer ein height: 25px; für #navig.

 

[Sansire]

habe heut gemerkt dass DW die style.css datei gestern garnicht hochgeladen hat mit dem synchronisationstool, obwohl ich sie abgeändert und gespeichert hatte (auch heute). komisch. hab die datei nun mauell vom server gelöscht, und manuell wieder hochgeladen. jetz ist wirklich die aktuelle datei drinn

und siehe da, ohne dieses height siehts auch ok aus im IE =)
padding war die lösung

vielen dank neuroleptika!