Salve a tutti sono nuovo di questo forum ma lo visito spesso per aumentare la mia conoscenza di html. Ho convertito da poco il mio sito web da Xhtml Transitional 1.0 a Xhtml Strict 1.0, tutto funziona correttamente tranne ho notato una piccola differenza di visualizzazione tra firefox e IE7, nonostante abbia stabilito nel CSS le regole del padding di alcuni div che contengono delle immagini, firefox mi spazia maggiormente gli elementi della colonna sinistra a differenza di internet explorer. Vi posto il codice:

HTML

codice:
<div id="colonna">
<div class="tag">[img]layout/image.jpg[/img]</div>
<div class="main">
<div class="menu">Home</div>
  <div class="menu">Pagina2</div>
  <div class="menu">Pagina3</div>
  <div class="menu">Pagina4</div>
  <div class="menu">Pagina5</div>
  <div class="menu">Pagina6</div>
  <div class="menu">Pagina7</div>
  <div class="menu">Pagina8</div>
</div>
<div class="tag">[img]layout/streming.jpg[/img]</div>
<div id="video">[img]layout/attenzione.jpg[/img]</div>
<script type="text/javascript">
   var so = new SWFObject("swf/Video.swf", "Video", "148", "148", "8");
   so.addParam("quality", "high");
   so.addParam("wmode", "transparent");
   so.write("video");
</script>
<div class="tag">[img]layout/vota.jpg[/img]</div>
<div id="vota">[img]layout/attenzione.jpg[/img]</div>
<script type="text/javascript">
   var so = new SWFObject("swf/vota.swf", "movie", "148", "148", "8");
   so.addParam("quality", "high");
   so.addParam("wmode", "transparent");
   so.write("vota");
</script>
<div class="tag">[img]layout/eventi.jpg[/img]</div>
<div id="eventi">[img]layout/attenzione.jpg[/img]</div>
<script type="text/javascript">
   var so = new SWFObject("swf/eventi.swf", "eventi", "148", "200", "8");
   so.addParam("quality", "high");
   so.addParam("wmode", "transparent");
   so.write("eventi");
</script>
<div class="tag">[img]layout/adv.jpg[/img]</div>
<div><script type="text/javascript" src="script/adv_l.js"></script></div>
  </div>
Questo è il CSS della colonna e dei div contenenti le immagini:

codice:
#colonna {
width: 150px;
float: left;
padding-bottom: 5px;
text-align: center;
}

.tag {
height: 21px;
padding-top: 15px;
padding-bottom: 5px;
background: #000000;
}
ecco un esempio di visualizzazione

Firefox


IE7


Qusto succede solo con Xhtml Strict se reimposto il doctype a Transitional il problema scompare. Spero mi possiate aiutare, grazie!