No entendi muy bien tu respuesta, y la forma en que haces los CSS, si es mas corta con menos texto y sin tanta repeticion, de echo supongo que se debera de hacer asi :P, es cierto que e quitado muchas repeticiiones de los colores ene ste caso, pero ponienod #menu1, #menu2 #menu3 me lio mucho mas :S, de todas formas tu tambien lo pusiste con position absolute, pero gracias ha eso vi el fallo, y es que yo estaba haciendo el 2º div (el derecho) con el margen respecto al lado derecho, y lo que devia hacer era poner el menu flotando (float) a la izq y la seccion de noticias ajustado al margen izq tambien, pero sin flotar.
Al final me quedo asi ^^
Código:
#menu
{
margin-left:50px;
margin-top:10px;
background-color:#BDBCBC;
width:160px;
float:left;
}
#menu1
{
background-image:url(../images/menuup.jpg);
width:160px;
height:55px;
background-repeat:repeat-y;
}
#menu2
{
background-image:url(../images/menumiddle.jpg);
width:160px;
height:20px;
padding-left:25px;
background-repeat:repeat-y;
}
#menu3
{
background-image:url(../images/menudown.jpg);
width:160px;
height:29px;
background-repeat:repeat-y;
}
#noticias
{
background-color:#BDBCBC;
margin-left:220px;
margin-top:10px;
width:449px;
}
#noticias1
{
background-image:url(../images/noticiasup.jpg);
width:449px;
height:55px;
background-repeat:repeat-y;
}
#noticias2
{
background-image:url(../images/noticiasmiddle.jpg);
width:449px;
height:25px;
padding-left:25px;
background-repeat:repeat-y;
}
#noticias3
{
background-image:url(../images/noticiasdown.jpg);
width:449px;
height:29px;
background-repeat:repeat-y;
}
No es como debe hacerse supongo, pero me aclaro mas, asique mas vale no cometer errores ni hacer 40 divs eh jiji :P
Bueno muchas gracias por la ayuda, sobretodo por el position absolute que fue por lo que descubri el fallo jeje, Gracias ^^