Me ocurre con IExplorer, Firefox y Chrome.
Y me sale con independencia de si tengo un borde blanco activado o no.
El código CSS es:
@charset "utf-8";
}
body {
background-color: #AAAAAA;
}
#tapiz {
background-color: #AAAAAA;
}
#despliegue {
background-color: #CCCCCC;
width: 1000px;
margin: 0px auto;
height: auto;
margin-top: 0px;
}
#encabz {
background-color: #03F;
height: 150px;
width: 980px;
margin: 0px auto;
margin-top: 10px;
padding-top: 0px;
}
#contenido {
background-color: #FFF;
width: 980px;
margin: 0px auto;
margin-top: 30px;
}
#tapiz #despliegue #contenido #tbunno {
background-color: #FFF;
color: #000;
border: 5px solid #FFF;
}
#tapiz #despliegue #contenido #tbunno tr td #tbdos {
background-color: #FFF;
vertical-align: top;
border: 5px solid #FFF;
}
#tapiz #despliegue #contenido #tbunno tr #izqda {
background-color: #FFF;
width: 15%;
vertical-align: top;
}
#tapiz #despliegue #contenido #tbunno tr #dcha {
background-color: #FFF;
}
#tapiz #despliegue #contenido #tbunno tr #dcha #tbdos tr #oeste {
background-color: #FFF;
width: 75%;
vertical-align: top;
}
#tapiz #despliegue #contenido #tbunno tr #dcha #tbdos tr #este {
background-color: #FFF;
vertical-align: top;
}
El código html es:
<body id="tapiz">
<div id="despliegue">
<div id="encabz">
</div>
<div id="contenido">
<table width="100%" border="5" id="tbunno">
<tr>
<td id="izqda">
<p> boton uno </p>
<p> boton dos </p>
<p> boton tres </p>
<p> boton cuatro </p>
<p> boton cinco </p>
</td>
<td id="dcha"> <table width="100%" border="5" id="tbdos">
<tr>
<td id="oeste">
<p> ejemplo 1 </p>
<p> ejemplo 2 </p>
<p> ejemplo 3 </p>
<p> ejemplo 4 </p>
<p> ejemplo 5 </p>
<p> ejemplo 6 </p>
<p> ejemplo 7 </p>
</td>
<td id="este"> aquí van los logos
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>