Problemas con css y div

[Coplo]

Bueno estoy haciendo un diseño basico utilizando estilos y div, el problema es de que los div se han descuadrado bueno lo he comprimido y subido a un servidor para que entiendan lo que digo y espero que me puedan ayudar con mi error y gracias.

http://www.adrive.com/public/3c4afee...375765dc2.html

[Calizman]

Haber haber... Dejame ver si entendi bien... Lo que quieres es que compongamos tu codigo, y te lo enviemos ya arreglado?!?

No amigo, lo siento pero creo que muy poca gente querra hacer eso... yo en lo personal, preferiria ayudarte para que aprendas a hacerlo, pero hacerte el trabajo para que te quede bien a ti. No gracias...

[Coplo]

Bueno ya solucione mi problema y quedo asi:

div { display: inline-block }

#encabezado{
color: #0000ff;
font: 30px serif;
}

#menu { width: 100% }

.menu_l, .menu_r {
background-repeat: no-repeat;
width: 17px;
height: 61px;
float: left;
}

.menu1_l {
background-image: url(../images/left.gif);
width: 17px;
height: 61px;
float: left;
}

.menu1_r {
background-image: url(../images/right.gif);
width: 17px;
height: 61px;
float: left;
}

.menu1_m {
background: url(../images/middle.gif) repeat-x;
height: 61px;
float: left;
}

#menu2 { width: 212px }


.menu2_s, .menu2_i {
background-repeat: no-repeat;
width: 212px;
}


.menu2_s {
background-image: url(../images/superior.gif);
height: 23px;
}

.menu2_m {
background: url(../images/medio.gif) repeat-y;
width: 212px;
color: #00ff00;
padding-left: 5px;
}

.menu2_i { background-image: url(../images/inferior.gif);
height: 33px;
}