Bueno, resulta que tengo un grave error con los navegadores necesito su ayuda.
Con este codigo:
Código HTML:
<html>
<head>
<style type="text/css">
body {
margin: 0 0 0 0;
}
#1 {
width:30%;
background:#999999;
float:left;
}
#2 {
width:50%;
background:#FFCC00;
float:left;
}
#3 {
width:20%;
background:#66CC00;
float:left;
}
</style>
</head>
<body>
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
</body>
</html> en el navgador opera se ve así: 
en el navegador firefox se ve asi: 
y en el navegador internet explorer asi: 
Teniendo en cuenta el codigo, deberia verse como en opera, alguien sabe a que se deve esto, siendo que la suma de todas las cajas seria 100% en total??? porfavor ayudenem, de antre mano muxas gracias.