Salve a tutti
Ho un piccolo problema con un Div.
La mia pagina è organizzata in questo modo:

codice:
<html>
	<head>
		<title> Dcdrama </title>
		<link rel="stylesheet" type="text/css" href="stile.css">
		
		<script type="text/javascript" src="ClickShowHideMenu.js"></script>
	</head>
	
	<body>

		<div id="contenitore">
                      ...........
		</div>
	</body>
</html>
L'effetto che voglio ottenere è quello di un div a sfondo bianco inserito al centro della mia pagina , che è a sfondo nero.
Fin qui tutto bene , funziona...
Il problema è che il Div così inserito stacca , in fondo alla pagina , per pochi pixel dal body , ovvero a fine pagina si nota un bordino nero sotto il Div.
Io vorrei che il Div prendesse tutto il centro della pagina e non mi lasciasse bordini indesiderati.
Leggendo in giro ho visto che questo inconveniente è risolvibile inserendo , nel css del body , questo:

codice:
body {
margin: 0px;
padding: 0px; }
.

Con IE funziona , con Firefox no , sempre quella diavolo di lineetta alla fine
Qualche idea per risolvere?

Vi posto anche i Css del mio body e del mio div

codice:
body
{
text-align:center;
background-color:black;
margin:0px;
padding:0px;
}

div#contenitore {
width:850px; 
background-color:white;
margin:auto;
text-align:left;
}
Grazie