Sugerencias y comentarios en programación de CSS

[Threepwood]

Hola!

Sé que esta es una petición muy extraña. Me gustaría mucho si pueideran darle un vistazo a mi código CSS y decirme si la estrcutura o programación es correcta, ya que aunque la página se visualiza correctamente, he tenido varios detalles en pantalla que nunca se me habían presentado y que al parecer se corrigen *solos*. No sé, es más un presentimiento que otra cosa. En fin, si a alguien le sobra tiempo:

Código:

* { 
padding : 0; 
margin : 0; 
} 


body { 
background-color : black; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 10px; 
} 


#contenedor { 
margin : 0 auto; 
width : 525px; 
border : 1px solid black; 
background-color : black; 
} 


#header { 
width : 525px; 
height : 138px; 
background-image : url(../img/header.jpg); 
} 


#menu { 
background-image : url(../img/menu.gif); 
list-style : none; 
font-size : 12px; 
height : 30px; 
} 


#menu ul { 
padding : 0; 
margin : 0; 
width : 524px; 
float : left; 
border : 1px solid black; 
} 


#menu ul li { 
display : inline; 
} 


#menu ul li a:link, #menu ul li a:visited { 
color : #fff; 
padding : 7px 0; 
float : left; 
text-align : center; 
text-decoration : none; 
padding-left : 10px; 
padding-right : 10px; 
} 


#menu ul li a:hover, #menu ul li a:active { 
color : lime; 
} 


#contenido { 
background-image : url(../img/top_content.jpg); 
background-repeat : no-repeat; 
background-color : #0099cc; 
padding : 10px; 
} 


#contenido p { 
text-align : justify; 
font-size : 12px; 
margin-bottom : 12px; 
} 


#info { 
padding-left : 30px; 
padding-top : 80px; 
border : 1px solid black; 
} 


#footer { 
width : 525px; 
height : 33px; 
background-image : url(../img/footer.jpg); 
}

Cualquier comentario, sugerencia, apunte o tip será bienvenido.

Gracias.

Samuel.

[Nathan_1979]

Solo una cosa:

Código HTML:

body { 
background-color : black; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size : 10px; 
} 



#contenedor { 
margin : 0 auto; 
width : 525px; 
border : 1px solid black; 
background-color : black; 
} 

Si tiene un body que le asignas un color de fondo negro...

Por que volvérselo asignar al contenedor, al igual que un borde negro

¡Estas aumentando el tamaño de tu hoja de estilos!

( si bueno, ya, exagerado! pero son innecesarias esas propiedades. No?)

Valida tu css.

La estructura está


Edito: Cuales son los problemas "que se corrigen solos?"

[Nathan_1979]

Bueno rizar el rizo ^^

Yo siempre utilizo medidas relativas ( la famosa "em" ) en vez de absolutas ( los pixeles)

Salu2!