Tengo el ejemplo de recuadro de desarrolloweb, ampliado un poco. Estos son el css y el hml correspondientes a esta parte. Bien en la parte correspondiente a el cuerpo(cuerpocab) tengo una imagen y un pequeño texto. En explorer va bien, pero en firefox me la pega arriba del todo, digamos pegado al cabtab (no se si me explico). Quisiera saber si esto es normal, es decir, el firefox coge margenes distintos que el explorer, porque como digo en explorer si que me deja una pequeña separacion entre el borde del cabtab y la imagen pero en firefox no. Tampoco es que quede mal, pero simplemente es curiosidad
css
#tabla{
border: 1px solid #165480;
width: 251px;
padding: 2px;
}
#cabtab1{
float:left;
height:13px;
background-color: #5D478B;
color:#FFFFFF;
font-weight: bold;
font-size: 8pt;
padding: 2 0 2 0px;
width:46px;
}
#cabtab2{
float:left;
background-color: #000000;
color:#FFFFFF;
font-weight: bold;
font-size: 8pt;
margin-left:1px;
padding: 2 2 2 2px;
width:200px;
}
#cuerpotab{
font-size: 8pt;
padding: 4 4 4 4px;
background-color: #ffffcc;
}
html
<div id=tabla>
<div id=cabtab1>
</div>
<div id=cabtab2>
EL TIEMPO
</div>
<div id=cuerpotab>
<img src="objetos/imagenes semana santa/tiempo.gif" alt="el tiempo" align="top">Conozca las previsiones del tiempo en Leon</div>
</div>