[xHTML/CSS]menu

Hello,

J'ai un petit soucis en CSS , je voudrais faire un menu horizontal , donc j'ai fais une div menu en utilisant une liste à puce pour structuré et en mettant la priorité display:inline pour que ce soit horizontal , mais je voudrais que le bloc ul (en red) prenne la hauteur défini de la div menu mais je n'y arrive pas .

Merci d'avance .

[HTML]

<div id="menu">
<ul>
<li><a href="?art=0">Accueil</a></li>
<li><a href="?art=1">Filmographie</a></li>
<li><a href="?art=2">Photos</a></li>
<li><a href="?art=3">Videos</a></li>
<li><a href="?art=4">Contact</a></li>
</ul>
</div>

[CSS]

div#menu
{
width:726px;
height:47px;
border:1px black solid;
margin-left:279px;
background-color:#373737;
color:white;
font-size:22px;
}

div#menu ul
{
list-style-type : none;
background-color:red;

}

div#menu li ,a
{
display : inline;
text-decoration:none;
background-color:black;
padding : 0 0.5em;
}