Problemas con web elástica

Hola a todos, estoy intentando hacer una web elastica (creo porque ya tengo un cacao entre los diseños liquidos, elasticos, estaticos, que no se ni que hago) bueno el caso es que es al 100% y se supone que tiene que ajustarse a cualquier resolución, el caso es que en el destacado de la pagina principal tengo un problema que no tengo ni idea de como solucionar, por el momento lo demas va bien...me explico en el destacado hay un cuadro con un fondo y dentro un titular, un texto, una imagen y un enlace, cuando cambio la resolucion de la pantalla de 1280x1024 a 800x600 o a 1024x768 la imagen en lugar de aparecer en el lado derecho se va debajo del texto, el codigo es este para el estilo:

<code>
.destacado_contenedor
{
background:url(../img/salaprensa/fondodegradado.gif) top repeat-x; width:99%; min-height:160px; height:auto!important; height:160px; border:1px solid #cccccc; margin:0px 0px 20px 0px!important; margin:0px 0px 20px 0px; text-align:center; float:left; position:relative;
}
.destacado_txt
{
margin:10px 0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:1.0em; width:70%; float:left; min-height:170px; height:auto!important; height:170px;
text-align:left;
}
.destacado_txt_noimg
{
margin:10px 0px 0px 20px!important;
margin:10px 0px 0px 10px;
padding-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:1.0em; width:95%; float:left; min-height:109px; height:auto!important; height:109px;
text-align:left;
}
.destacado_img img
{
float:left;
width:25%;
margin:10px 0px 0px 10px;
display:block;
font-size:x-small;
width:20em!important;
height:18em!important;
width:14em;
height:12em;
}
.destacado_titulo
{
font-family:Georgia, "Times New Roman", Times, serif;
color:#cc3333;
font-size:1.8em;
font-weight:bold;
}
.destacado_titulo a:link, .destacado_titulo a:visited
{
font-family:Georgia, "Times New Roman", Times, serif;
color:#cc3333;
font-weight:bold;
text-decoration:none;
}
.destacado_titulo a:hover
{
text-decoration:underline;
}
.destacado_enlace
{
width:90%;
margin:15px 20px 0px 10px!important;
margin:10px 8px 0px 10px;
padding-bottom:10px;
text-align:right;
clear:none!important;
clear:both;
float:right!important;
float:none;
}
.destacado_enlace a:link, .destacado_enlace a:visited
{font-family:Verdana, Arial, Helvetica, sans-serif; color:#cc6600; font-size:1.0em; text-decoration:none;}
.destacado_enlace a:hover
{font-family:Verdana, Arial, Helvetica, sans-serif; color:#cc6600; font-size:1.0em; text-decoration:underline;}

</code>

Y este para el html:

<code>&lt;div&gt;
&lt;div&gt;
&lt;span class="destacado_titulo"&gt;Observaci&amp;oacute;n de la Tierra y Cambio Global.&lt;/span&gt;
&lt;br&gt;
&lt;br&gt;
Madrid, 16 y 17 de Abril de 2007.
&lt;br&gt;
Los procesos de transformación del medioambiente debidos a la actividad humana son cada vez de mayor amplitud e intensidad. Fenómenos como el calentamiento del planeta o la contaminación de láminas de agua, preocupan al los científicos y al hombre de la calle.&lt;/div&gt;
&lt;div&gt;&lt;img src="img/salaprensa/imagen.gif" alt="imagen noticia"&gt;&lt;/div&gt;
&lt;div&gt;&lt;a href="notasprensa2.html"&gt;Ver más&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
</code>

Yo no tengo ni idea de como solucionar el problema y la verdad es que ya he cambiado tantas veces el codigo que no se ni lo que tengo puesto, alguna sugerencia?

Gracias por vuestra ayuda...