Layout Verschiebung mit FireFox und IE

[kay]

Hallo ich habe das Problem, dass meine Navi Leiste im FireFox verschoben angezeigt wird. Im InternetExplorer wird sie jedoch korrekt angezeigt.

Hier einmal beide Ansichten:

InternetExplorer (korrekte anzeige) http://home.arcor.de/kjdesign/ie.JPG
FireFox (fehlerhafte anzeige) http://home.arcor.de/kjdesign/firefox.JPG

Ich denke dass Problem liegt an der CodeZeile:
<div style="position:relative;width:73px;height:607px;-adbe-g:m;">
Die durch IE und FF anders angezeigt wird, habe aber schon alles mögliche versucht das Problem loszuwerden. Deshalb poste ich euch am besten einmal mein SourceCode der die Navi betrifft:

<div style="position:relative;width:73px;height:607px;-adbe-g:m;">
<div class="header" style="position:absolute;top:0px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>MAIN</b></div>
<div style="position:absolute;top:14px;left:0px;width:72px;height:71px;-adbe-c:c">
[-] <a href="#">News</a><br>
[-] <a href="#">FAQ</a><br>
[-] <a href="#">Imprint</a><br>
[-] <a href="#">Contact</a><br>
[-] <a href="#">Publicity</a><br>
</div>
<div style="position:absolute;top:85px;left:0px;width:72px;height:15px;-adbe-c:c">
</div>
<div class="header" style="position:absolute;top:100px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>GRAPHICS</b></div>
<div style="position:absolute;top:114px;left:0px;width:120px;height:127px;-adbe-c:c">
[-] <a href="#">Wallpapers</a><br>
[-] <a href="#">Avatars</a><br>
[-] <a href="#">Banners</a><br>
[-] <a href="#">Flyers</a><br>
[-] <a href="#">Designs</a><br>
[-] <a href="#">Fonts</a><br>
[-] <a href="#">Pattern</a><br>
[-] <a href="#">Brushes</a><br>
<br>
</div>
<div class="header" style="position:absolute;top:241px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>AND MORE</b></div>
<div style="position:absolute;top:256px;left:0px;width:120px;height:99px;-adbe-c:c">
[-] <a href="#">Cybershots</a><br>
[-] <a href="#">Photography</a><br>
[-] <a href="#">Nightlife</a><br>
[-] <a href="#">Tracks</a><br>
[-] <a href="#">Coding</a><br>
</div>
<div style="position:absolute;top:365px;left:0px;width:72px;height:15px;-adbe-c:c">
</div>
<div class="header" style="position:absolute;top:335px;left:0px;width:121px;height:14px;-adbe-c:c">
<b>CREDITS</b></div>
<div style="position:absolute;top:350px;left:0px;width:121px;height:197px;-adbe-c:c">
The flower v1.2 design was created and coded by: <a href="mailto:[e-mail]">kay winter</a><br>
Graphics and photo-graphy by:<br>
<a href="mailto:[e-mail]">konstantin datz</a><br>
Flower v1.2 - 2oo7<br>
All rights reserved.</div>
<div style="position:absolute;top:591px;left:0px;width:72px;height:15px;-adbe-c:c">
         </div>
      </div>

(class="header" ist:
.header{font-size: 7pt; color: #e37d17; font-weight: bold; border-bottom: 1px dotted; border-top: 1px dotted; text-align: left; height: 1px; letter-spacing: 3px; background-color:#000000;})

Wie ihr seht habe ich alles mit dem "position"-verfahren und nicht mit tables gemacht.
Hoffentlich könnt ihr mir helfen, damit in beiden Browsern meine Page korrekt dargestellt wird. Vielen vielen Dank im vorraus
gruß Kay

[kungschu]

Hallo.

Doppelposting!

MfG, Kungschu.

[FRIIIEEK]

versuch mal die navi-tags mit nem "position: relative;"
ich denke dann wirst du glücklich werden! ;)

gruß
FRIIIEEK

[kayyy]

sry hat mir nicht viel geholfen, weil ich nicht ganz versteh wie du das meinst. wenn ich "position:absolute" mit "relative" ersetz ändert sich nichts am layout.
kannst du mir mal ein beispiel aus meiner navi rausschreiben?

viele dank bb kay