mi web no se ve bien en opera y IE

[laura_moreno14]

estado intentado hacer lo que me recomiendas pero no soy capaz de centrar los divs de noticias y demas dentro del div que los contiene. en el caso de los widget del footer lo he "arreglado " poniendoles margenes a la izquierda pero no me convence porque si en un futuro añado mas widget tendre que modificar el margin que le he dado.

para centrarlos divs dentro del div padre he probado con margin: 0 auto; y con text-align:center pero no funciona (esto lo he leido en foros que les ha funcionado..) y no encuentro otra manera de hacerlo. les dejo el codigo ppor si alguien puede ayudarme.

#footer {
background: #e6e6e6;
padding: 20px 0 0 0;
width:100%;
float:left;
}


#footer .widget {
margin: 0 0 0 10%;
width:20%;
float:left;
padding:0;
}

#footer .widget h3{
color: #7b7b7b;
border-bottom: 2px solid #fff;
padding-bottom: 5px;
margin-bottom:5px;
width:20%;
float:left;
text-shadow: 0px 0px 2px #bdbdbd;
}

#footer .widget p, #footer .widget a, #footer .widget li{
color: #7b7b7b;
text-decoration:none;
list-style:none;
margin:0;
}
#footer .widget a:hover {
text-decoration:underline;
}

y asi es como he probado a ponerlo pero no me funciona:
#footer {
background: #e6e6e6;
padding: 20px 0 0 0;
width:100%;
float:left;
text-align:center;
}


#footer .widget {
margin: 0 auto;
width:20%;
float:left;
background:none;
border:none;
padding:0;
}
y tambien poniendo 0 auto en el div footer (el div padre) pero nada...

muchas gracias raydenslayer por tus consejos!

un saludo