Firefox und IE6 veränderte Darstellung

[happens]

Halll, ich habe ein paar Probleme mit der Darstellung in den Explorern von Firefox und IE. Wenn ich meine seite in Firefox öffne, kann ich nach Rechts bzw Links scrollen, die seite ist aber nicht größer wie meine auflösung. Warum? in IE wird die korrekte Breite angezeigt.

In IE habe ich daa Problem das der Navigator verschoben angezeigt wird. Ich habe in Css die Anfangsposition und die Jpgs eingefügt und lass sie über "li" von der HTML seiten laden. In firefox wird es richtig angezeigt in IE nicht.

Css Nav/Menue

#menu {
 position: relative;
 left: 111px;
 top: 95px;
 width: auto;
 height: 48px;
 z-index:1;
 }

#menu ul {
 margin:0;padding:0;
 }

#menu li {
 list-style:none;
 margin:0;
 padding:0;
 }

li.home a {
 background-image: url(images/b_home_1.jpg);float: left;display: block;text-indent: -999%;overflow: hidden;width: 67px;height: 48px;}
li.home a:hover {background-image: url(images/bro-Home_01.jpg);}

HTML

<div id="menu">
<ul>
 <li class="home a"><a href="index.html">info a</a></li>
</ul>
</div>

[Bobby]

Moin

left: 111px;

^^^^^^^^^^^^^^^^
Hier liegt dein Fehler.

wenn du den Abstand so definierst, nimmt der Div trotzdem die Breite des umgebenden Elements, in diesem Fall Body, als seine Größe.

ein einfaches margin-left:111px; löst dein Problem.

Gib in Zukunft Abstande für nicht-absolut-positionierte Elemente mit margin an. Dann hast du das problem nicht mehr.

Gruß Bobby

[happens]

Moin

left: 111px;
^^^^^^^^^^^^^^^^
Hier liegt dein Fehler.

Vielen Dank, hat super geklappt!