html - ラッパー クラスの CSS 背景が機能しない

Question

Drupal メニューを変更しようとしています。page.tpl.php

<?php if ($main_menu): ?>
        <div id="navigation-wrapper">
            <div id="navigation">

                <nav id="main-menu" role="navigation" tabindex="-1">
                  <?php
                  // This code snippet is hard to modify. We recommend turning off the
                  // "Main menu" on your sub-theme's settings form, deleting this PHP
                  // code block, and, instead, using the "Menu block" module.
                  // @see https://drupal.org/project/menu_block
                  print theme('links__system_main_menu', array(
                    'links' => $main_menu,
                    'attributes' => array(
                      'class' => array('links', 'inline', 'clearfix'),
                    ),
                    'heading' => array(
                      'text' => t('Main menu'),
                      'level' => 'h2',
                      'class' => array('element-invisible'),
                    ),
                  )); ?>
                </nav>


              <?php print render($page['navigation']); ?>
            </div>
        </div>
        <?php endif; ?>

そしてcssは次のとおりです。

#navigation-wrapper{
    overflow:hidden;
    width:100%
    background:#ff6005;

}
#navigation{
    width:950px;
    margin:0 auto;
    background:#ff6005;
}
#navigation ul li
{
    display:inline;
    padding:5px 10px 6px 10px;  
}

しかし、私の出力は div の背景色のみを生成しますnavigation! 全幅をカバーする背景色を期待していました。私のCSSのどこが悪いのですか >