Problem z menu zrobionym w css

Kod:

body {

    background-color: #ffffff;

  margin: 0;

  padding: 0;

  text-align:center;

}

DIV{

    position: relative;

    font: verdana;

}



#contanier{

    margin-top:0px;

    margin-left:2px;

    clear: both;

    width: auto;

    margin:0 auto;

    padding:0 5px 0 5px;

    background-color: #e4e4e4;

    }



#top{

    clear: both;

    position: relative;

}

#bok_menu{

    width: 230px;

    height: auto;

    float: left;}

#wolny{

    width: 800px;

    float: left;

    background-color: #a1a1a1;

    }

#tresc{

    width: 150px;

    float: right;}

#foot{

 text-align:center;

 background: #868686;

 clear: both; 

 }



                                                        /* Zwijane Menu*/

#menu{

  overflow: hidden;

  background: #888;

  padding: 2px 15px;

  font: 13px Arial, Verdana, Tahoma;

}

ul#menu li{

  list-style-type: none;

  float: left;

}

ul#menu li a{

  display: block;

  padding: 8px;

  color: #fff;

  text-decoration: none;

}

ul#menu li li a{

  width: 160px;

  padding: 6px 12px;

}

ul#menu li li:hover{

  background: #999;

}

ul#menu li ul{

  overflow: hidden;

  display:none;

}

ul#menu li:hover ul{

  position: absolute;

  background: #aaa;

  padding:0;

  border:1px solid #999;

  display: block;

  width: 160px;

}

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">

<head>

<?xml version="1.0" encoding="iso-8859-2"?>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-2"> 

  <link rel="stylesheet" type="text/css" href="style.css" />

<title>Sklep meblowy DoriMar Najtańsze meble w kraju</title>

    </head>

<body>

<div id="contanier">



<div id="top">

<img src="baner.jpg" height="180" width="920">

</div>



<div id="lista">

<ul id="menu">

  <li><a href="#" title="">Strona g&#322&#243wna</a></li>

  <li><a href="#" title="">Oferta Bo-Wa-De</a>

    <ul>

      <li><a href="#" title="">Fotele</a></li>

      <li><a href="#" title="">Kanapy</a></li>

      <li><a href="#" title="">Komody</a></li>

            <li><a href="#" title="">Ławy</a></li>

            <li><a href="#" title="">Narożniki</a></li>

            <li><a href="#" title="">Sofy</a></li>

            <li><a href="#" title="">Sypielnie</a></li>

            <li><a href="#" title="">Tapczany</a></li>

            <li><a href="#" title="">Wersalki</a></li>

    </ul>

  </li>

  <li><a href="#" title="">Oferta Bog Fran</a>

    <ul>

      <li><a href="#" title="">Meble Dziecięce</a></li>

      <li><a href="#" title="">Pokój dzienny</a></li>

      <li><a href="#" title="">Jadalnia</a></li>

      <li><a href="#" title="">Kuchnia</a></li>

      <li><a href="#" title="">Pokój młodzieżowy</a></li>

      <li><a href="#" title="">Sypialnia</a></li>

      <li><a href="#" title="">Przedpokój</a></li>

      <li><a href="#" title="">Biuro</a></li>

      <li><a href="#" title="">Gabinet</a></li>

    </ul>

        <li><a href="#" title="">Firma</a></li>

        <li><a href="#" title="">Kontakt</a></li>

  </li>

</ul>

</div>

<div id="bok_menu">

<p>To jest boczny blok</p>

</div>



<div id="wolny">

<h1>Witam na stronie głównej naszego sklepu.</h1>

<p>Jesteśmy prężnie działająca firmą, nasza działalność zaczeła się od strony Allegro.pl Mamy do zaoferowania wiele pięknych mebli, każdy na pewno znajdzie coś dla siebię.Nasza oferta to przedewszystkim oferta firmy Bog-Fran ale także popularnej firmy Black Red White oraz Meblocross jak również firmy Bo-Wa-De oferującej bardzo ciekawe propozycje mebli tapicerowanych w świetnych cenach i jakości oraz z szybkim terminem realizacji.

</p>



</div>



<div id="tresc">



<p>Treść dokumentu strony </p>



</div>



<div id="foot">



<p>&copy; Coprything by KeeL 2010



</div>



</div>

</body>