porblemas con IE y las css y los marcos flotantes

[oliverarthurnardi]

Hola buenas chicos!!!

Estoy teniendo problemas con el internet explores pero con los demás navegadores todo funciona correctamente.

es que algunas css no me funciona específicamente el problema esta con unos margen flotante de algunas div y no se como puedo solucionar eso porque por ejemplo cuando intento hacer modificaciones para solucionar el problema la pagina se me pone loca y se me desarma completamente el orden de los objetos en el diseño.

Código HTML:

style type="text/css">
body{
    background:
    radial-gradient(black 15%, transparent 16%) 0 0,radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px;
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color:#282828;
    margin-top:40px;
    }
    
 #contenedor { 
                background-image:url(imagenes/fondo.jpg);
                background-repeat:no-repeat;
                display:block; 
                width: 960px;
                height: 640px;
                text-align: left;
                margin: 0 auto;
                border: 2px solid #666;
               -moz-border-radius: 8px;
               -webkit-border-radius: 8px;
            
            }
        
            #menu1 {
                font-family:Verdana, Geneva, sans-serif;
                font-size:14px;
                color: #333;
                width: 160px;
                height: 240px;
                background: #FFF;
                float: left;
                margin:25px;
                margin-top: 150px;
            }
            
            #contenido, #slider  {
                width: 540px; /*640px*/
                height: 350px;
                float:right;
                background: #333;
                padding:2px 20px 20px 2px; 
                margin: 50px;
                margin-top:90px;
                border: 0px solid #666;
               -moz-border-radius: 10px;
               -webkit-border-radius: 10px;
            }
            #pie {
                font-family:Verdana, Geneva, sans-serif;
                font-size:10px;
                text-align: right;
                width:960px;
                height:25px;
                margin-top:620px;
                margin-left:0px;
                margin-right:90px;
            }
            #fecha,#idioma,#menu2{
                font-family:Verdana, Geneva, sans-serif;
                font-size:12px;
                color:#333;
                width:160px;
                height:25px;
                float:right;
                margin-top:1px;
                margin-right:20px;
                }
            #social{
                width:110px;
                height:25px;
                margin-top:100px;
                float:right;
                margin-left:0px;
                margin-right:10px;
                padding:4px;
                }   
h4 {
    color: #666;
}
</style>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"></script>
<style type="text/css">
/* BeginOAWidget_Instance_2559022: #slideshow */
 
            #slideshow {  
                padding: 5px;
                margin:0;  
            } 
            #slideshow-caption{
                padding:0;
                margin:0;
            }
 
            #slideshow img, #slideshow div {  
                padding: 5px;
                background-color: transparent;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px; 
                margin: 0; 
            }
        
/* EndOAWidget_Instance_2559022 */
a:link {
    text-decoration: none;
    color: #333;
}
a:visited {
    text-decoration: none;
    color: #666;
}
a:hover {
    text-decoration: none;
    color: #999;
}
a:active {
    text-decoration: none;
    color: #333;
}
</style>
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2559022" binding="#slideshow" />
</oa:widgets>
-->
</script>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
 

[oliverarthurnardi]

estos son los problemas que me sale y cuando intento hacer algo se me va todo el diseño de la web y el problema solo lo tengo con el internet explorer

linea 58
y el error que me sale error de margen flotante doble.
Problema de ampliación de cuadros.

Linea 40
problema de ampliación de cuadro.

Linea 52
problema de ampliación de cuadro.

Linea 64
problema de caida de un elemento flotante