Problemas con css y div

[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;
}