Potete vedere il risultato su www.Keratox.Net

Nel primo titolo nella colonna di sinistra, potete vedere il bordo verde che si estende in 1 mm.

E' il bordo di un div, div che dovrebbe contenere altri due div, appunto quelli con titolo e immaginina.

codice xhtml

codice:
<div class="title">
   <div class="titletesto">
      <h1 class="nav"> Navigazione </h1>
   </div>
   
   <div class="titlebox">
      
   </div>
</div>

codice css
codice:
div.title{
   width:100%;
   background:#000000;
	 margin:0;
	 padding:0;
	 border:1px solid #00FF00;
	 height:auto;
}

div.titletesto{
   float:left;
	 width:80%;
	 text-align:left;
	 background:transparent;
	 margin:0em 0em;
}
div.titlebox{
   float:left;
	 width:20%;
	 text-align:right;
	 background:transparent;
	 margin:0em 0em;
}

Perche' quel dannato div.title in Firefox non contiene i div.titletesto e div.titlebox (slittano giu' "superando" il bordo inferiore).

In IE si vede bene.


Ciao fatemi sapere...