Salve a tutti, ho il seguente problema con i css: sto utilizzando un layer a 2 colonne + header e footer. E' presente un'immagine che va ad occupare due diversi livelli: l'header e la colonna di navigazione. Ho così diviso con Photoshop l'immagine in 2 parti complementari. La prima parte è impostata come background dell'header, la seconda parte come background del div navigation. Speravo si complementassero totalmente ma purtroppo, il livello navigation in alto presenta una riga di un pixel che non permette di unire perfettamente le due immagini. Ho impostato il margin a 0, ma continuo a vedere questa riga che spezza. Vi riporto il codice css utilizzato e vi allego l'immagine. Spero di essere stato chiaro e spero possiate aiutarmi. Grazie in anticipo.

codice:
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{position:relative; width: 900px;margin: 0 auto; text-align: left;
   border: 2px solid;}

/*stili generici, su header e footer*/
div#header{background:url(header.gif); height: 100px;}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{
	position:absolute;
	top: 104px;
	left: 2px;
	width: 207px;
	height: 500px;
	border-bottom: 1px solid; border-right:1px solid; background:url(temp.gif)}
div#content{margin-left: 200px; padding: 1em; background-color:#FFFFFF}
div#footer{text-align:center; padding: 0.5em;
    color: #000; border-top: 1px solid; background-color:#666666;}

/*stili per la navigazione*/
div#navigation ul{margin: 0: padding: 0; list-style-type: none;}
div#navigation li{margin: 0; padding: 0}
div#navigation a{color:#369;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigation a:hover{text-decoration: underline}
Spero di essere stato chiaro.