<div id="right">
        <ul id="lst_menu">
           <li ><a href="/katalog/a">a</a></li>
           <li ><a href="/katalog/b">b</a></li>
           <li ><a href="/katalog/c">c</a></li>
           <li ><a href="/katalog/d">d</a></li>
           <li ><a href="/katalog/e">e</a></li>
       </ul>
       <ul id="lst_foot">
          <li id="lst_f1">&nbsp;</li>
          <li>szukaj....</li>
       </ul>
</div>

#right {
  float: right;
  width: 500px;
  height: 200px;
}
#lst_menu{
   margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 500px;
  height: 155px;
}
#lst_menu li{
   display: inline;
   margin: 0px
   padding: 0px;
   width: 100px;  
   height: 155px;
  
}
#lst_menu li a{
   width: 100px;
   height: 155px;
   text-decoration: none;
   color: #ffffff;
   background-color: #036;

}
#lst_menu li a:hover{
   color: #FF8040;
   background-color: #369;
}
#lst_foot{
   margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 500px;
}
#lst_foot li{
   display: inline;
   margin: 0px
   padding: 0px;
   width: 400px;  
   height: 45px;
   background-image: url("/img/pasek2_b.gif");
}
#lst_f1{
   display: inline;
   margin: 0px
   padding: 0px;
   width: 100px;  
   height: 45px;
   background-image: url("/img/pasek_b.gif");
}