Equivalente expression en Firefox

[pbmaniaco]

Buenas amigos, tengo el siguiente código:

Código HTML:

<style>
#izquierda{
float: expression(document.documentElement.clientWidth < 800 ? "none" : "left");
width: expression(document.documentElement.clientWidth < 800 ? "100%" : "49.5%");
}
#derecha{
float: expression(document.documentElement.clientWidth < 800 ? "none" : "right");
width: expression(document.documentElement.clientWidth < 800 ? "100%" : "49.5%");
}
</style>

<div id="izquierda">texto</div>
<div id="derecha">texto</div> 

Lo anterior coloca los divs uno debajo del otro si el ancho del navegador es menor a 800, si es mayor lo coloca uno a la izquierda y el otro a la derecha.

Esto funciona en IE ¿Cómo hago para que funcione en otro navegador?

Gracias por las sugerencias..

[pbmaniaco]

Alguna sugerencia :(

[pbmaniaco]

una alma caritativa que pueda ayudarme

[safe]

Creo que la mejor opcion seria crear dos clases diferentes con CSS normal y con una funcion directamente en javascript asignar una u otra segun el ancho de la pantalla.