FF yOpera no me reconocen el float left

[gVenom]

Saludos

Tengo un problemilla con un float left que no me funciona en opera ni Firefox, solo en IE, lo que me sorprende, al principio pense que era problemas de espacio y que por eso la imagen se iba para abajo, pero le quite mas de la mitad del tamaño solo por probar y nada, me envia la imagen abajo del div con el float.

Código HTML:

#container{
	position:relative;
	margin:0 auto;
	width:100%;
	height:100%;
	
}
#welcome{
	position:relative;
	width:274px;
	top:0px;
	left:0;
	text-align:left;
	float:left;
}
#bible{
	position:relative;
	width:199px;
	height:184px;
	top:0px;
	left: 11px;	
}

el welcome es el texto y bible la imagen, estan metidas en una celda de tabla, dentro de un div contenedor (que lo puse hace poco experimentando), el ancho del td es de 490px. El html va asi:

Código HTML:

<td rowspan="2" valign="top" style="overflow:auto">
<div id="container">
       	  <div id="welcome">
        				<p class="style1">Welcome to <span class="style2">OUR CHURCH</span></p>
   		  </div>
     			 <div id="bible"><img src="images/biblia.jpg" width="197" height="184" alt="" />
		  </div>
</div> 

y si quieren ver como se ve, pueden verla aqui:

http://rlwhm.org/temporal/

[Triby]

welcome no necesita ser flotado, pero bible si, a la derecha y colocar el div antes del resto de contenido de la celda. Ademas, necesitarias "cancelar" el float para que el contenido inferior se acomode donde corresponda.

Código css:

#welcome{
    top:0;
    left:0;
    text-align:left;
}
#bible{
    display:block;
    width:197px;
    height:184px;
    float:right;
}
.limpia {
    clear:right;
}
 

Código html:

<div id="container">
    <div id="bible"><img src="http://www.forosdelweb.com/images/biblia.jpg" width="197" height="184" alt="" /></div>
        <div id="welcome">
        <p class="style1">Welcome to <span class="style2">OUR CHURCH</span></p>
    </div>
    <div class="limpia"></div>
</div>
 

[gVenom]

Perfecto Triby , no sabes como te lo agradezco. Ahora si se acomoda todo. Ignoraba lo de el "clear" asi que nunca le hubiera llegado. No entiendo muy bien porque debia hacerse el float a la derecha y no como lo trataba de hacer yo, es por tratarse de una imagen?

[Triby]

Necesitabas el float, pero a la derecha porque la parte superior para esa imagen esta a la derecha y tu querias usar float y posicion relativa, pocas veces compatibles entre si; ademas, el elemento flotante debe aparecer primero en el html.

[gVenom]

ok, buen dato para un futuro. Gracias amigo.