Buongiorno a tutti. Sono un principiante di CSS e avevo un dubbio. Ho creato una pagina HTML con un foglio di stile ad essa collegato.
Il codice HTML è il seguente:

<html>
<head>
<title>Symple - due colonne</title>
<link href="duecolonne.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="box">
<div id="nav">


Ciao a tutti</p>
</div>
<div id="head">


Ci sono pure io!! HEAD</p>
</div>
</div>
</body>
</html>

e il css è il seguente:

body {
margin: 0px;
text-align: center;
background: #3b3b3b;
padding: 0px;
font-size: 12px;
}

p {
color: #ffffff;
margin: 10px;
}

#box {
width: 730px;
text-align:left;
background: trasparent;
margin: 0 auto;
padding: 0px;
border-left: 1px solid #636363;
border-right: 1px solid #636363;
}

#nav {
text-align:left;
background: #272727;
height: 14px;
border: 0px;
padding: 0px;
margin: 0px;
}

#head {
text-align:left;
background: #272727;
height: 86px;
border: 0px;
padding: 0px;
margin: 0px;
}

Ora ho aperto con IE7 e IE6 e si vedeva tutto bene, apro con firefox e tra i due div c'è un bordo... qualcuno sa come lo si potrebbe levare?
Grazie anticipate
Darkubec