Problemas con divs

[josequinta]

Saludos y gracias por leer el mensaje:

Mi problema ahora es el siguiente.
Tengo una caja creada con css. El problema, que al poner una imagen de titulo en la div "top", me sale en la parte de abajo en el explorador.

Dicha caja esta dentro de una celda, y aqui va el codigo

Código:

 
CSS:

div.top {
	height:42px;
	background-image:url(Images/top_line.gif);
	background-repeat: repeat-x;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
	
img.esquina_sup_izq { float:left; }
img.esquina_sup_der { float:right; }

div.content { 
	background-image:url(Images/left_line.gif); 
	background-repeat:repeat-y; }
	
div.boxcontrol { padding:0 5% 0 5%; 
	background-image:url(Images/right_line.gif); 
	background-position:right; 
	background-repeat:repeat-y; }
	
div.bottom { height:28px; 
	background-image:url(Images/btm_line.gif); 
	background-repeat:repeat-x; 
	border:0;
	padding:0;
	margin:0;}
	
img.esquina_inf_izq { float:left; }
img.esquina_inf_der { float:right; }

h1 { margin:0; border-bottom:1px dashed #996;}

p.autor { padding-right:8px; 
	border-right:1px dashed #996;
	text-align:right;
	margin:-.1em 0 0 0; }
	
/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
* html img.esquina_inf_der, * html img.esquina_sup_der {
	\margin-left:.2em;
}

y aqui la del .asp: solo la celda:

Código:

HTML:

<div id="top" class="top"> <img src="Images/top_left.gif" alt="Esquina superior izquierda" width="38" height="42" class="esquina_sup_izq" /><img src="/Images/Images_43.png" width="215" height="42" /><img src="/Images/top_right.gif" width="25" height="42" class="esquina_sup_der" /></div>
<div id="content" class="content">
<div id="box_control" class="boxcontrol">
<h1>&nbsp;</h1>
<p>&nbsp;</p>
<p class="autor">.</p>
<br />
</div>
</div>
<div id="bottom" class="bottom">
<img src="Images/btm_left.gif" alt="Esquina inferior izquierda" width="5" height="7" class="esquina_inf_izq" />
<img src="Images/btm_right.gif" alt="Esquina inferior iderecha" width="5" height="7" class="esquina_inf_der" /></div>

[axz]

Si te entendí bien, te refieres a que la imagen:

Código HTML:

<img src="/Images/top_right.gif" width="25" height="42" class="esquina_sup_der" /> 

no se muestra al mismo nivel que las otras ... en caso de ser así (y aún si no) ... hay un pequeño detalle en hoja de estilos:
div.top <-- incorrecto
div .top <-- correcto
... debes usar espacios para separar las asociaciones ... espero haber sido útil

Suerte y un saludo