Menu bar 100% width

I've got a menu bar here: --- Now when you resize th开发者_JS百科e window (so there appears a horizontal scrollbar) and you scroll to the right, the background is vanished! How can I solve this problem?

@kevin; may be you have to define min-width for your menu bar.

for example

.menu{
min-width:1200px;
width:1300px;
}

for more : Min width in window resizing

http://friendlybit.com/css/min-width-and-max-width-template/

You should wrap everything in a new div, and apply min-width: 960px to that.

<div id="container" style="min-width:960px">
    <div id="ovoMenu"> 
        ..
    </div> 
    <div id="ovoSubmenu"> 
        ..
    </div>
</div>

You could just set the min-width on body, but I'm not sure what else will be going on that page.