Добрый день всем! Поскольку версткой занимаюсь мало, вот такой вот вопрос возник ( давно мучает, и пути которыми его решал меня не удовлетворяют )

Имеем , что то похожее на шапку на этом сайте , разговор идет про меню ( ФОрум, дневники, что нового ) , вот про эту полоску.

Как мы можем видеть она состоит из 5 элементов ( если не так, то у меня точно так ) левый угол, 3 кнопки , длинная полоска ( видимо repeat-x ) , поисковик.

Вот хочется научится сверстать данную систему КРАСИВО*

На данный момент это выглядет так :



А css

[CSS].mmenu
{
min-width:900px;
max-width:1100px;
margin:0 auto;
height:40px;
}

.mmenu_search
{
float:left;
background-image: url('images/mp.png');
width:199px;
height:40px;
}
.mmenu_repeat
{
background-image: url('images/ms.png');
background-repeat: repeat-x;
float:left;
}

.mmenu_corner_left
{
background: url('images/left_corner_menu.png') no-repeat transparent;
float:left;
width:12px;
height:40px;
}
.menu_button
{
background: url('images/menu_button.png') no-repeat;
height:40px;
width:120px;
float:left;
text-align:center;
}

a.menu_button
{
padding-top:10px;
color:#BBBBBB;
font-size:11px;
font-family:Verdana;
text-decoration:none;
}
a.menu_button:hover
{
background-position: -120px 0px;
color:black;
}[/CSS]

Проблема заключается в том, что .mmenu_repeat не растягивается !!! Подскажите товарищи, как это решается