FF-Problem beim Seitenlayout

[Sunny_Eyes]

Hallo alle miteinander,
ich hoffe, ihr könnt mir helfen, denn ich komm einfach nicht weiter. Ich hab meine erste Homepage in Angriff genommen und im IE sah auch alles schick aus bis ich mir dann die Seite mal im FF angeschaut hab. Ich hab daraufhin alles umgeschrieben und so gut wie's ging auf den FF angepasst. Doch ein großes Problem blieb bestehen und das ist der obere Rand beim FF. Ich hab mich schon durch ewig viele Foren gelesen, aber nichts wirklich brauchbares gefunden, was mein Problem gelöst hätte. Ich wär Euch echt super dankbar, wenn ihr einen Tip für mich hättet. Meine homepage seht ihr auf www.mutwirdglueck.de. Im FF seht ihr einen 10?px Rand über meiner Navileiste, was total doof aussieht.

Meine CSS für den FF:

body {
color: #000000;
background-color: #000000;
font-size: 100.01%;
font-family: Times, Serif;
margin: 0px; padding: 0px;
}

div#Seite {
text-align: left;
margin: 0 auto;
padding: 0;
width: 760px;
background-color:#FBF8CD;
border: 0px;
}

ul#Top {
margin: 0;
padding: 0;
text-align:center;
font: bold 12px Comic Sans MS, Times, Arial;
background-color: #000000;
color:#FBF8CD;
float:left;
list-style-type:none;
height:20px;
}

ul#Top li {
margin: 0;
padding: 0;
vertical-align:middle;
width:140px;
height:20px;
float:left;
text-decoration: none;
color: #FBF8CD;
list-style-type: none;
}

ul#Top a {
margin: 0;
padding: 0;
display:block;
font-weight: bold;
}

ul#Top a:link {
margin: 0;
padding: 0;
width:140px;
height:20px;
color: #FBF8CD;
text-decoration: none;
}
ul#Top a:visited {
margin: 0;
padding: 0;
width:140px;
height:20px;
color:#FBF8CD;
text-decoration: none;
}
ul#Top a:hover {
margin: 0;
padding: 0;
width:140px;
height:20px;
color: #FBF8CD;
background-color: #0000ff;
text-decoration: none;
}
ul#Top a:visited:hover {
margin: 0;
padding: 0;
width:140px;
height:20px;
color: #FBF8CD;
background-color: #0000ff;
text-decoration: none;
}
ul#Top a:active {
margin: 0;
padding: 0;
width:140px;
height:20px;
color: #FBF8CD
text-decoration: none;
}


#box {
width:140px;
border:1px solid #FBF8CD;
background-color:#000000;
padding:0px;
margin:0px;
overflow:visible;
display:inline;
}


ul#Navigation {
float:left;
list-style-type:none;
background-color: #000000;
text-align:center;
font-size: 0.83em;
width: 200px;
margin: 0;
padding: 0;
}

....

div#Inhalt {
margin: 0 0 0 200px;
padding: 0 5% 0 10%;
}

html div#Inhalt {
background-image:url(Index/buch08.JPG);
background-color:#FBF8CD;
background-repeat:repeat-y;
font-family:times, serif;
font-size:16px;
color:#000000;
background-attachment:scroll;
}

....

p#Fusszeile {
clear: both;
font-size: 0.83em;
margin: 0; padding: 0.1em;
text-align: right;
background-color: #000000;
}


Ich dank Euch schon im Voraus für Eure Hilfe.
Andrea

[Sunny_Eyes]

Sobald man die Page zum ersten Mal öffnet und über einen der Links fährt im Inhaltsteil, verschiebt sich die Seite plötzlich um ein paar Milimeter nach links. Ich muss auch dazu sagen, ich hab eine Index.html-Datei mit der kompletten Startseite und hab diese dann nochmals unterteilt in Top.php, Navigation.php, Index.php und Footer.php. Aber die Index.php und der Teil der Index.html sind haargenau gleich, wieso verschiebt er mir diese dann trotzdem?

[shitzo]

Offentsichtlich wurde da Problem mittels des Universalselektors behoben.

Code: Alles auswählen

*{
margin:0;
padding:0;
}