Вот примерчик с меню/подменю...
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
#menu > li {
position: relative;
float: left;
margin-right: 10px;
}
#menu > li:hover .sub_menu {
display: block;
}}
.sub_menu {
position: absolute;
top: 100%;
left: 0;
display: none;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<ul id='menu'>
<li><a href="#">НОВОСТИ</a>
<ul class='sub_menu'>
<li><a href="#">Основные новости</a></li>
<li><a href="#">Новости погоды</a></li>
</ul>
</li>
<li><a href="#">СПОРТ</a></li>
<li><a href="#">КУЛЬТУРА</a></li>
<li><a href="#">НАУКА</a></li>
<li><a href="#">НАГРАДЫ</a></li>
<ul>
</body>
</html>