Ich habe eine HTML Seite erstellt, folgendes CSS:
html, body {
height: 100%;
margin: 0;
padding: 0;
background: url(../Bilder/bg-tile.jpg) repeat;
}
Das erste Element ist nun ein Div-Tag, der das Haupthintergrundbild hält:
#container {
background: url(../Bilder/bg-main.jpg) no-repeat;
min-height: 100%;
max-height: 1200px;
width: 1159px;
}
Damit sollte #container eigentlich keinen Rand oben haben; im IE sieht das auch passend aus, in Firefox allerdings hat #container einen Randabstand und fängt erst nach etwa 100px an.
Gebe ich dem #container nun aber einen Rand:
border: 1px solid red;
um zu sehen, wo genau der Rand herkommt, wird #container ganz oben ausgerichtet. Nehme ich diesen Rand wieder weg, ist der Abstand wieder da.
border: 0;
bringt keinen Erfolg.
Jmg ein Tipp, wie ich das in Griff bekomme?