html - ヘッダー ページを含めると、メニューの位置が変わります

Question

いくつかのページにヘッダー ページを含めています。問題は、メニューの位置が 1 つのページで変更されていることです。ここにスナップショットを含めています。

2 つの異なるページにヘッダー ページを含めています。下の画像では、メニューバーが左側にシフトしています。別のページに正しく表示されている最初のものが必要です。

header.jsp で

 <div class="header_menu">
            <ul id="menu" >
                <li><a href="tohome">Home</a></li>
                <li> <a href="showcontacts">Contacts</a></li>
                <li><a href="settings">Settings</a></li>
            </ul>
        </div>

CSSで

.header_menu{
    position: absolute;
    top: 22px;
    right:110px;
    padding-top: 5px;
}


#menu
{
    padding:2px;
}

#menu li
{
    display:inline;
}



#menu li a
{
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration: none;
    float:left;
    padding:10px;
    background-color:#264171;
    color:#FFF;
    border-bottom:2px;
    border-bottom-color:#69C;
    border-bottom-style:solid;
}