CSS Menu Viac riadkove

body {
background-color:#FBA847;}
#hlavne {
width: 1000px;
margin: 0 auto 0 auto;
border: 1px solid black;}
#head {
height: 257px;
border-bottom: 1px solid black;background-image: url(../butik/obrazy/www_01.gif);}
#horna_lista {
height: 36px;
border-bottom: 1px solid black;
background-image:url(../butik/obrazy/www_02.gif);}
#menu {
width: 20%;
float: left;}
#obsah {
width: 69.25%;
float: right;
border-left: 0px solid black;
height: 696px;
background-image:url(../butik/obrazy/www_05.gif);}
#end {
height: 114px;
border-top: 0px solid black;
clear: both;
background-image:url(../butik/obrazy/www_22.gif);}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="styl.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Butik Lorien</title>
</head>
<div id="hlavne">

<div id="head">Hlavička stránky , v css stylováno pod id=head</div>
<div id="horna_lista">Místo pro banner stránky, v css stylováno pod id=banner</div>

<div id="menu">menu id=menu</div>
<div id="obsah">obsah id=obsah<br>
<h4>příklady tabulkových klasických stránek</h4>
</div>


<div id="end">Tak a tady je konec, tzv. patička id=end</div>
</div>
<body>
</body>
</html>

body {
background-color:#FBA847;}
#hlavne {
width: 1000px;
margin: 0 auto 0 auto;
border: 1px solid black;}
#head {
height: 257px;
background-image: url(../butik/obrazy/www_01.gif);
border-bottom: 1px solid black;}
#horna_lista {
height: 36px;
background-image:url(../butik/obrazy/www_02.gif);}
#menu {
width: 20%;
float: left;}
#menu ul {
margin: 0;
list-style-type: none;}
#menu a {
display: block;
color: #FC8C09;
background-image:url(../butik/obrazy/h_06.gif);
width: 309px;
height: 37px;
text-decoration: none;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;}
#obsah {
width: 69.25%;
float: right;
height: 696px;
border-left: 1px solid black;
background-image:url(../butik/obrazy/www_05.gif);}
h1 {margin-left: 10px; font-size:16px;}
h2 {margin-left: 10px; font-size:15px;}
#end {
height: 114px;
border-top: 1px solid black;
clear: both;
background-image:url(../butik/obrazy/www_22.gif);}