[Ovillo] Problemas con float

[Reynier Perez Mira]

Hola listeros:

Estoy teniendo un problema archi conocido pero no encuentro la vía para solucionarlo. Tengo una imagen flotando a la izquierda dentro de un DIV y se me sobrepone sobre los otros DIV que tengo debajo. El código HTML es el siguiente:

<div class="nprimeraplana">
        <img src="./uploads/images/391_vista_broken1_thumb.jpg" alt='' />
        <div class="atnoticia">Denuncias</div>
        <div class="tnoticia">Google demanda a Microsoft por el nuevo Windows Vista</div>
        <div class="rnoticia"></div>
        <div class="adnoticia"></div>
</div> <!-- Fin DIV contenedor -->

 

Y el código CSS es el siguiente:

/* - Primera Plana - */

.nprimeraplana {

            background-color: #2B415B;

            padding: 2px;

            margin: 0 0 2px 0;

            overflow: visible;

}

.nprimeraplana img {

            float: left;

            padding: 0 2px 2px 2px;

}

.atnoticia {

            color: #FF6B08;

            font-weight: bold;

            border-bottom: 1px solid #CCC;

}

.tnoticia {

            border-bottom: 1px solid #CCC;

}

 

Tienen un ejemplo en la siguiente dirección:

http://img442.imageshack.us/img442/2373/untitled1of8.gif

 

Salu2 y espero por su ayuda

 

Reynier Pérez Mira

5to. año Ing. Informática

Universidad de las Ciencias Informáticas