В IE7 блок с динамической шириной, выровненный по центру,

[Squidward]

Нужно сделать блок с динамической шириной, выровненный по центру, который не растягивался бы на всю доступную ширину, потому что у этого блока есть бекграунд (уголки и фон). Блок расширяется вложенным контентом, а именно - горизонтальным меню. Сделал так, работает везде кроме ишаков от семерки и ниже:

CSS:

#wrapper{
text-align:center;
}
#menu{
display:inline-block;
background:url(../images/menubg.png) repeat-x;
}
#menuleftcorner{
background:url(../images/menuleftcorner.png) no-repeat left;
}
#menurightcorner{
background:url(../images/menurightcorner.png) no-repeat right;
}

HTML

<div id="wrapper">
<div id="menu">
<div id="menuleftcorner">
<div id="menurightcorner">
<ul><li>...</li><li>...</li><li>...</li></ul>
</div>
</div>
</div>
</div>

Edited January 13, 2012 by Squidward