Adjunto mi codigo para ke se entienda bien

#container2 {
 width: 900px;
 margin: auto;

}

#sidemenu {
 background-image: url(images/Sidemenu.png);
 background-repeat:repeat-y;
 width: 200px;
 float: left;
 height: 500px;
}

.nav_sidemenu {
 list-style:none;
 display:inherit;
 padding-left: 20px;
 padding-right: 20px;
 padding-top: 10px;
}

.nav_sidemenu a {
 font-size: 15px;
 text-decoration: none;
 font-family:Tahoma, Geneva, sans-serif;
 color:#666;
}

.nav_sidemenu a:hover {
 color: #CCC;
 font-weight:bold;
}

#content {
 width: 900px;
 margin: 0 auto;
}

.content_top {
 background-image: url(images/content_top.jpg);
 background-repeat:no-repeat;
 height: 31px;
 width: 900px;
}

.content_middle {
 background-image: url(images/content.jpg);
 background-repeat:repeat-y;
 width: 700px;
 float: right;
 color:#000;
 height: auto;
}

.content_bottom {
 background-image: url(images/content_bottom.png);
 background-repeat:no-repeat;
 width:900px;
 height:31px;
 float:right;
 padding-bottom: 50px;

LO que me pasa es que cundo en el content middle me paso con el texto y el width del content middle se pasa del width del sidemenu entonces el imagen se me queda mal, y que se podría hacer para que el valor del sidemenu/width sea relativo al width del content middle?

Incluye overflow:hidden; a ver si sirve (tambien podria ser: auto).

No me ha funcionado con el overflow...

http://yfrog.com/0jimgenp

asi me queda  ....es esto lo ke me pasa

Puedes decir cual es la web para verla mas fácilmente, es que solo viendo el CSS es un poco complicado.

Creo tenerlo y si pones esto

#content {
 width: 900px;
 margin: 0 auto;
background: url(images/content.jpg) repeat-y;
}