CSS layout + vertical menu

#obal {
width:790px;
margin:auto;
}

#hlavicka {
height:200px;
width:600px;
float:right;
text-align:center;
font-size:20px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
background-image:url(images/logo.jpg);
}

#menu {
width:150px;
float:left;
margin-top:230px;
}

#stred {
width:600px;
float:right;
}

#peticka {
width:600px;
margin-left:190px;
background-image:url(images/menu_bigs.gif);
text-align:center;
color:#FFFFFF;
clear:both;
}

<div id="obal">             
      <div id="hlavicka"></div>               
      <div id="menu">menu</div> 
      <div id="stred">Tu bude obsah</div>   
      <div id="peticka">peta</div>         
</div>

/* menu */

#hlavne_menu {
width:150px;
background-color:#333333;
margin-top:15px;
}

.nadstavba {
background-image:url(images/menu.gif);
background-repeat:no-repeat;
text-align:center;
background-color:#333333;
width:150px;
}

.nadstavbas {
background-image:url(images/menux.gif);
background-repeat:no-repeat;
text-align:center;
background-color:#333333;
width:150px;
}

#ponuka_1 {
width:100%;
background-color:#FFFFF1;
}

#ponuka_2 {
width:100%;
padding-top:15px;
}

#ponuka_3 {
width:100%;
margin-top:15px;
}

.text {
color:#ffffff;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

#hlmenu ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#hlmenu {
width: 150px;
}

#hlmenu li a {
text-decoration: none;
border-bottom-color: #FF0000;
}

#hlmenu li a:link, #hlmenu li a:visited {
color: #000000;
display: block;
background-color: #fffff1;
}

#hlmenu li a:hover {
color: #ffffff;
background:  #333333;
}

<div id="hlavne_menu">
<div id="hlmenu">
<div class="nadstavba text">Menu</div>
      <ul>
         <li><a href="index.php?page=skola" title="O Našej škole"> O škole</a></li>
         <li><a href="index.php?page=trieda" title="Ako vyzerala Naša trieda">Naša trieda</a></li>
         <li><a href="index.php?page=my" title="My ...">O nás</a></li>
         <li><a href="index.php?page=vyucujuci" title="Vyučujúci praktického a teoretického vyučovania">Profesori a majstri</a></li>
         <li><a href="index.php?page=odkazovac" title="Zanechajte odkaz">Odkazovač</a></li>
         <li><a href="index.php?page=news" title="Diane okolo webu a komunity 4.D">Novinky</a></li>
         <li><a href="index.php?page=private" title="Vstup len pre členov triedy">Private</a></li>
         <li><a href="index.php?page=home" title="Späť na ÚVOD">Úvod</a></li>
      </ul>
      <div class="nadstavbas">&nbsp;</div>
      </div>
<div id="ponuka_2">
<div class="nadstavba text">Anketa</div>
<?php $id_ank = 2; include("./anketa/index.php"); ?></div>
<div class="nadstavbas">&nbsp;</div>
</div>
<div id="ponuka_3">
<div class="nadstavba text">Počítadlo</div>
<?php include("./poc/poc.php"); ?>
<div class="nadstavbas">&nbsp;</div>
</div>

#hlmenu li {
margin: 0px;padding:0px
}