выровнять меню

[kyrychenko.mitya]

есть меню, не пойму как его выровнять и заполнить все пространство по горизонтали?

.menu
{
	width:100%;
	padding:0;
	margin:0;
	
}
.menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	
}
.menu ul li
{
	float:left;
	
	position:relative;
}
.menu ul li a
{
	background: #069;
	height:35px;
	float:left;
	font:bold 13px/35px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#48C745
}
.menu ul a:hover
{
	background:#099;
}

HTML

<div class="menu">
	<ul>
		<li><a href="#">Головна сторінка</a></li>
      	<li><a href="#">Про інститут</a></li>
      	<li><a href="#">Керівництво</a>
      		<ul>
            	<li><a href="#"></a></li>
                <li><a href="#"></a></li>
            </ul>
     	</li>
      	<li><a href="#">Науково-дослідна робота</a>
      		<ul>
      			<li><a href="#" ></a></li>
            	<li><a href="#" ></a></li>
            	<li><a href="#" ></a></li>
            	<li><a href="#" ></a></li>
            	<li><a href="#" ></a></li>
            	<li><a href="#" ></a></li>
            	<li><a href="#" ></a></li>
      		</ul>
      	</li>
     	<li><a href="#" class="button button-blue">Новини</a></li>
      	<li><a href="#" class="button button-blue">Контактна інформація</a>
      		<ul>
        		<li><a href="#" >Телефони</a></li>
        		<li><a href="#" >Місце розташування</a></li>      
        	</ul>
      	</li>
	</ul>
</div>

вот ссылка http://i035.radikal.ru/1106/bc/66635de1223b.jpg

[Вадим Величко]

menu
{
width:100%;
height:100%;

padding:0;//пишиш отступ
margin:0;//сдесь тоже и выравневай как тебе надо

}