Ho un problema di visualizzazione tra tanti browser (Firefox, Opera, Safari, etc...) contro il solito IE (in questo caso 7).

Con Firefox e Co. visualizzo il seguente codice

-HTML-
codice:
<div class="text">
   <table class="contentpaneopen">
	<tbody>
	     <tr>
		<td width="100%" class="contentheading"> chi siamo</td> 
	     </tr>
	 </tbody>
    </table>
			
   <table class="contentpaneopen">
      <tbody>
            <tr>
	  	<td valign="top" colspan="2"> Chi siamo </td>
 	    </tr>
      </tbody>
    </table>

</div>
-CSS-
codice:
.text{
 margin-left:168px;
 padding: 35px 0px 150px 10px;
 border-left:1px solid #6C9FBC;
 min-height:260px; 
}

.contentheading{			/*Titolo deli contenuti STATICI (Voci Menu di 1°livello)*/
background:transparent url(../images/dot.gif) no-repeat scroll left center;
left:162px;
padding-left:18px;
position:absolute;
color:#FC7419;
text-transform:uppercase;
font-size:12pt;
font-weight:bold;
height:20px;
}

.contentpaneopen{			/*Corpo contenuti STATICI (Contenuti delle pagine)*/
padding-bottom:30px;
position:static;
}



Visualizzazione corretta con Firefox e Co.

Quindi le due tabelle sono sovrapposte nel modo corretto. Il tag TD contenente il titolo ed il pallino è spostato a sinistra rispetto al contenuto.





Problema con IE 7