CSS boarder im ff3

hi,

ich hab mich seit langer zeit mal wieder in die welt der web entwicklung begeben um mit ein paar freunden ein project in angrif zu nehmen.

nun stehe ich vor dem problem das die page, also das design, das ich entwerfen möchte mal wieder unter verschiedenen browsern verschieden aussieht ...

Das genze soll so wie im IE7 (bild : ie7) aussehehn. ich hab alles mit css gestalltet nur habe ich im ff3 das problem das es anders aussieht (bild : ff3). (Der DIV mit boarder "wächst" nicht mit dem inhalt")

ich zeig euch mal meine css datei ... (bitte keine kommentare "da muss abern och dran gearbeitet werden" etc. es wird dran gearbeitet keine sorge ... )

Code:

BODY {
font-family:serif;
background-color: #C8D3DD;
text-align: center;
margin-top : 0;

}

DIV {
text-align:center;
background-color : #999999;
}

DIV.main {
min-width : 800px;
width : 800px;
margin : 0 auto;
border:2px solid black;
}

DIV.center {
min-width : 600px;
width : 600px;
max-width : 600px;
border-left : 2px solid black;
border-right : 2px solid black;
float: left;
}

DIV.navi {
min-width: 98px;
width : 98px;
max-width : 98px;
text-align : left;
float : left;
}

IMG {
margin : 0 auto;
padding : 0 auto;
}

H1 {
font-family:sans-serif;
color: #000000;
}

vielen dank für eure hilfe bereits im vorraus ...

mfg Zeus

ps: bilder

IE7 : http://aug01.imghost.us/ZGYo.jpg
FF3 : http://aug01.imghost.us/GTvn.jpg