Bueno estoy haciendo algunos ejercicios de divs y estilos y cuando lo visualizo con el Firefox no hay problema pero cuanto lo visualizo con Internet Explorer los divs se ven separado y noce como puedo hacer para que mantengan unidos los divs aqui les dejo la pagina para que lo visualicen:
http://worincronic.comli.com/ejercicios/index-2.html
espero que me puedan ayudar y aqui les dejo tambien el codigo:
Código HTML:
<html>
<head>
<style type="text/css" media="screen">
.izquierda {
background-image: url(images/encabezado_izq.png);
background-repeat: no-repeat;
float: left;
width:10px;
height: 33px;
}
.centro {
background-image: url(images/encabezado_med.png);
background-repeat: repeat-x;
margin-left:10px;
margin-right:10px;
height: 33px;
}
.derecha {
background-image: url(images/encabezado_der.png);
background-repeat: no-repeat;
float: right;
width:10px;
height: 33px;
}
#main { margin:0 50px;}
</style>
</head>
<body>
<div id="main">
<div class="izquierda"></div>
<div class="derecha">
</div>
<div class="centro">
</div>
</div>
</body>
</html>