Tengo el siguiente problema al tratar de acomodar 4 divs dentro de uno solo... no se como explicarlo asi que mejor se los pongo en imagenes, el IE se ve bien pero en Firefox no, quisiera que alguien me de una manita en los css, o en lo que este fallando
Este es el codigo html
Código HTML:
<div class="anun1">
<div class="anun1_img"><img src="publi/mini.gif" border="0" /></div>
<div class="anun1_det">esta es una frase comun y sencilla sin nada de extraordinario, solo esta escrita para rellenar el div que lo contiene y punto, bueno y tambien esta para ver la cantidad de caracteres que soporta.</div>
<div class="anun1_city">ciudad</div>
<div class="anun1_tip">01-9806.....</div>
</div>
Y este el CSS correspondiente
Código HTML:
.anun1{
border: 2px solid #0d0d0d;
float: left;
margin-left:2px;
margin-top:2px;
width: 264px;
height: 150px;
background-color:#0d0d0d;
}
.anun1_img{
display:table-cell;
border: 0px solid #fff;
float: left;
margin-left:0px;
margin-top:0px;
width: 100px;
height: 130px;
padding-left:10px;
padding-top:5px;
vertical-align:middle;
}
.anun1_det{
border: 0px solid #fff;
float: left;
margin-left:0px;
margin-top:0px;
width: 160px;
height: 130px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#cccccc;
}
.anun1_city{
border: 0px solid #fff;
float: left;
margin-left:0px;
margin-top:0px;
width: 100px;
height: 16px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-image:url(publi/city.gif);
color:#0d0d0d;
}
.anun1_tip{
border: 0px solid #fff;
float: left;
margin-left:0px;
margin-top:0px;
width: 160px;
height: 16px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-image:url(publi/tip.gif);
color:#0d0d0d;
}
y en esta imagen el resultado de como se ve
