Darstellung im iE und FireFox ist unterschiedlich - warum?

    Hallo. :)
    Ich bin grad mal 16 Jahre alt, und ich hab da ein klitzekleines Problem. :)
    Für eine Internetseite (neopets - link: http://www.neopets.com/userlookup.phtml?user=klippenland ) wollte ich ein userlookup entwerfen.
    Jetzt tritt aber immer das Problem auf, das die navigationsleiste zwar da sitzt wo ich sie haben will, aber nur im Internet explorer, Firefox setzt sie immer ausserhalb des fensters.
    Der Code sieht so aus:

    <style>

    [...]

    #navigation{position:absolute; right:20px;top:500px;width:50px;height: 180px;overflow:none;z-index:2; border:2 solid #FFFFFF;}

    [...]
    </style>

    <div id=navigation>
    <a href="myaccount.phtml">Mein Account</a>
    <a href="petcentral.phtml"> Neopets Zentrale</a>
    <a href="explore.phtml">Erkunden</a>
    <a href="games/arcade.phtml">Spiele</a>
    <a href="neoboards/index.phtml">Foren</a>
    <a href="objects.phtml">Geschäfte</a>
    <a href="nf.phtml">News</a>
    <a href="video/index.phtml">Videos</a>
    <a href="mall/index.phtml">NC Mall</a>
    </div>


    Was hab ich falsch gemacht? x_X

    Einmal editiert, zuletzt von Maris (27. November 2008 um 17:05) aus folgendem Grund: vertippt ^^

    Zunächst muss der Doctype in die allererste Zeile.
    Alles was vor dem Doctype steht kannst du löschen.

    Dann hast du die Navi absolut positioniert. Sie ist also immer am rechten Bildschirmrand. Wenn das Fenster zu klein wird, überlagert sie sich zwangsläufig mit dem restlichen Inhalt, was nicht sinnvoll ist.

    Versuche es mal besser mit diesen Angaben (habe ich jedoch nicht getestet):

    Code
    #navigation {
float: right;
display: inline;
margin-right:20px;
margin-top:500px;
width:50px;
height: 180px;
overflow:none;
border:2px solid #FFFFFF;
}