Perdón, no lo he dicho completo, aunque era evidente por lo que digo después: la de la izquierda se flota y la de la derecha no, y si digo que la de la derecha ocupará el resto es porque le quitamos el width, si no sería imposible que ocupara el resto "sea este cual sea", como había dicho.
No lo he explicado bien.
Ejemplo Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es">
<head>
<title></title>
<style type="text/css">
* {margin: 0px; padding: 0px;}
html, body, div {height: 100%;}
#izquierda {background: #f00;
float: left;
width: 50%;
}
#derecha {background: #f0f;}
</style>
</head>
<body>
<div id="izquierda"></div>
<div id="derecha"></div>
</body>
</html>
En cualquier navegador.