Problem Menu deroulant CSS

Bonjour,

j'ai réaliser un menu déroulant avec css et html mais le probleme c'est que mon menu pousse le contenu de ma page web vers le bas, et je n'arrive pas à fixer le contenu de ma page, voila le code de ma page:
code css:
#menu
{
width: 900px;
list-style-type: none;
left:19%;
width:88%;
margin-top:30px;
margin-left:150px;
padding:0;
border:0;

}

#menu li
{
float: left;
width: 150px;
margin: 0;
padding: 0;
border: 0;
}
#menu .sousmenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menu .sousmenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
}
#menu li a:link, #menu li a:visited
{
display: block;
height: 1%;
color: #FFFFFF;
background: #f28010;
margin: 0;
padding: 8px 8px 8px 32px;
border-right: 1px solid #ffffff;
text-decoration: none;
}
#menu li a:hover { background-color: #F2462E; }
#menu li a:active { background-color: #5F879D; }

#menu .sousMenu li a:link,
#menu .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("fondTR.png") repeat;
}
#menu .sousMenu li a:hover
{
background-image: none;
background-color: #F2462E;
}

#menu li:hover > .sousmenu { display: block; }
#table
{
position:fixed;
left:19%;
width:88%;
margin-top:05px;
margin-left:150px;
padding:0;
border:0;
}

et voila le code html:

<table width="80%" align="center">
<tr><td>
<ul id="menu">
<li>
<a href="#">Acceuil</a>
</li>
<li>
<a href="#">Réglement</a>
<ul class="sousmenu">
<li><a href="#">Bon de commande</a></li>
<li><a href="#">Bon de sortie</a></li>
<li><a href="#">Facture</a></li>
<li><a href="#">historique</a></li>
</ul>
</li>
<li>
<a href="#">clients</a>
<ul class="sousmenu">
<li><a href="#">chercher un client</a></li>
<li><a href="#">mettre à jours</a></li>
<li><a href="#">comptabilité</a></li>
<li><a href="#">historique</a></li>
</ul>
</li>
<li>
<a href="#">Stock</a>
<ul class="sousmenu">
<li><a href="#">chercher un stock</a></li>
<li><a href="#">aficher les stocks</a></li>
<li><a href="#">mettre à jours</a></li>
<li><a href="#">historique</a></li>
</ul>
</li>
<li>
<a href="#">Produit</a>
<ul class="sousmenu">
<li><a href="#">nouveau produit</a></li>
<li><a href="#">mettre à jour</a></li>
<li><a href="#">chercher un produit</a></li>
<li><a href="#">historique</a></li>
</ul>
</li>
</ul></td></tr></table>