In Firefox rechts Abstand bei Liste

[my@CSS]

Hallo,

Ich möchte ein Menü, was links an einem DIV gebunden ist. Die Menüpunkte stehen nebeneinander. Das Funktioniert im ie aber nicht im firefox.

also ich habe in meiner HTML-Datei folgenden Inhalt:

<div id="nav">
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
</ul>
</div>

und in meiner CSS dazu:

#nav{
 float: left;
 width: 244px;
 text-align: center;
 position: relative;}

#nav ul {
 list-style: none;
 width: 100%;
 float: left;
 text-align: center;
 margin: 0;
}

#nav ul li {
 float: left;
 padding-left: 0px;
 position: relative;
 text-align: center;
 margin: 0;}

#nav ul li a {
 display: block;
 position: relative;
 line-height: 15px;
 width: 80px;
 text-decoration: none;
 text-align: center;
 color: #000000;}

und mein Problem ist, das im Ie das alles so aussieht wie es soll, aber im firefox links ein ca. 40 px großer abstand zu der linken seite ist.

Hat einer eine Idee?

Danke!

[wahsaga]

hi,

und mein Problem ist, das im Ie das alles so aussieht wie es soll, aber im firefox links ein ca. 40 px großer abstand zu der linken seite ist.

Du hast für UL nur margin beeinflusst, für LI nur padding(-left).

Gebe für _beide_ Eigenschaften für UL _und_ LI deine Wünsche an.

gruß,
wahsaga

[my@CSS]

Super, danke. Hat geklappt!