HTML-фон не заполнен, когда окно браузера свернуто

Question

<div id="logo_box">
                   <h1><a href="index.html" id="logo">logo<span></span></a></h1>
        </div>
    <header>

        <nav style="z-index:100;top: 42px;">
            <ul id="menu">
                <li id="menu_active"><a href="index.html">Home</a></li>
                <li><a href="About1.html"></a></li>
                <li><a href="Projects1.html"></a></li>
                <li><a href="About11.html"></a></li>
                <li><a href="About.html"></a></li>
                <li><a href="Projects.html"></a></li>
                <li class="bg_none"><a href="Contacts1.html">Contacts</a></li>
            </ul>
        </nav>
        <div class="wrapper">

            </div>
    </header>

В приведенном выше HTML-коде фон логотипа должен распространяться на всю ширину. Он работает правильно на 1240px, но не работает, когда размер вдовы уменьшается, фон не заполнен, так что элементы памятина фоне тела

Стиль css

#logo_box {background:#2c2d2e;padding:38px 0 22px 0px;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;box-shadow:0 1px 3px #b7b7b7;-moz-box-shadow:0 1px 3px #b7b7b7;-webkit-box-shadow:0 1px 3px #b7b7b7;behavior:url(js/PIE.htc);position:absolute;z-index:2;margin-top:-18px;width:100%;}
header {width:100%;padding-bottom:186px;position:relative}

ссылка на веб-страницу с проблемой ссылка jst сверните окно браузера и вы увидите проблему с заголовком

Answer 1

Добавьте это правило к вашему CSS:

min-width: 1240px;

Имя не требует пояснений, даже если ширина меньше 1240 пикселей, размер div не станет меньше 1240 пикселей.