标签对齐和颜色HTML

Question

我的html存在一些问题。我在主标签下创建了两个白色子标签。问题是我希望它不仅仅是子标签的白色，而是所有的标签，所以在它上方的父标签下面有一个白色条的外观。

这是子标签的代码。

 <ul id="tabnav2">
    <li class = "tab1"><a href="html.htm">HTML</a></li>
    <li class = "tab1"><a href="googledocs.htm">Google Docs</a></li>
 </ul> 

这是CSS：

ul#tabnav2 
{ /*effects all tabs as if they are a unit*/
font: bold 15px ,sans-serif, arial, verdana; 
padding-left: 5px; 
margin: 1; 
}

#tabnav2 a 
{   /*effects the text contents of the tab*/
text-align: center; 
display: block; 
color: #003D99;
text-decoration: none;
padding: 3px;
}

ul#tabnav2 li
{
float:left;
height: 21px;
width: 120px;
background-color: #FFF;
} 

#tabnav2 a:hover 
{   
background: #000052;
color: #fff;
}

任何帮助将不胜感激。