✔ CSS Problem mit Firefox

[Fisch2005]

Hallo,
ich habe ein Problem bei der Darstellung von DIV Boxen unter Firefox.

Öffnet man die Internetseite http://www.feuerwehr-lossburg.de mit dem Internet Explorer, so wird diese richtig dargestellt.

Aufbau der DIV Boxen:

<div id="container">
    <div id="head"></div>
    <div id="navi"></div>
    <div id="main"></div>
</div>

Aufbau der CSS Datei:

body {
padding : 20px 0; 
margin : 0; 
background-image : url(images/hg.gif); 
height : 100%; 
} 
body, td, div, a, table {
font : normal 10pt Arial; 
color : #000000; 
border : 0 solid #000000; 
margin : auto; 
} 
#container {
border : 0 #000000; 
background : transparent; 
width : 750px; 
padding : 0; 
margin : auto; 
} 
#head {
background : transparent; 
border : 0; 
margin-bottom : 5px; 
} 
#navi {
float : left; 
width : 110px; 
background : #ffffff; 
margin : 0; 
border : 1px dashed #000000; 
margin-top : 30px; 
} 
#main {
border : 1px dashed #000000; 
background : #ffffff; 
width : 630px; 
padding : 1px; 
margin : auto; 
margin-top : 0; 
margin-bottom : 0; 
}

Ich hoffe mir kann remand helfen.

 

[Radhad]

Bei mir wurde sie richtig dargestellt (also bei beiden gleich).

Allerdings ist mir folgender Fehler aufgefallen (siehe Anhang).

 

[Fisch2005]

ist aber komisch.

ich habe auch mal ein screenshot mit Firefox und mit IE gemacht

 

[Radhad]

Ok, ich hab ne sehr hohe Auflösung (Firmenlaptop ), aber trotzdem würd ich mal über den Hintergrund nachdenken - Ich bin sicherlich nicht der einzige.

 

[Maik]

Entweder verwendest Du dieses Stylesheet für den Selektor #main:

#main {
float: right;
border: 1px dashed #000000;
background: #ffffff;
width: 630px;
padding: 1px;
}

oder dieses hier:

#main {
border: 1px dashed #000000;
background: #ffffff;
margin-left: 120px;
padding: 1px;
}

 

[Fisch2005]

Danke das wars!