Ayuda con 4 DIV en uno

[Kaze71]

Prueba con algo así:

Código HTML:

<div class="anun1">
    <div class="anun1_img"><img align="left" src="publi/mini.gif" border="0" /></div>
    <span 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.</span>
    <div>
        <span class="anun1_city">ciudad</span>
        <span class="anun1_tip">01-9806.....</span>
    </div>
</div> 

Código:

// CSS

.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;
	clear:both;
	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;
	clear:both;
	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;
}