CSS导航栏太长了

Question

我一直在网站上讨论这个网站标题。这是一个WordPress网站。标题导航栏与主要博客条目相距太远。我试过改变很多东西，但它们都会引起其他问题。

我已尝试将宽度从100％缩小并设置边距，但这会在网站调整大小或在较小的屏幕上显示时出现问题。

我试过让它居中，但会导致同样的问题。

这是我的问题如下。白色导航栏伸出太远。

（我删除了一些似乎没有必要帮助阅读的代码）

以下是控制菜单背景的css代码

#menu_background {
    width:100%; text-align:right; padding:10px 0; 
    margin-bottom:15px; /* for IE */ filter:alpha(opacity=95); /* CSS3 standard */
    opacity:0.95;z-index:300; box-shadow: 0px 1px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.07); 
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.07);
}

这里是主要部分的html，我删除了代码只是缩短了。它不在任何其他div中。

<div id="menu_background">
</div><!--#menu_background-->