ul#mainMenu, ul 
{ 
color: #000; 
width: 160px;
padding:0; 
margin:0; 
list-style-type:none; 
background-color: #ddd;
} 

ul#mainMenu ul 
{ 
background-color: #ddd;
margin: 0; 
}

ul#mainMenu li 
{ 
float:left; 
padding: 0; 
width: 160px;
display: block;
} 

ul#mainMenu a:hover
{ 
background-color: #eee;
}

ul#mainMenu a 
{ 
width: 160px;
height: 25px;
color:black;
display:block;
background-color: #ddd; 
border: none;
text-decoration: none;
padding-left: 10px;
} 

ul#mainMenu ul a:hover 
{ 
  width: 160px;
  color: blue;
  background-color: #eee;
} 



ul#mainMenu ul a 
{ 
 text-decoration: none;
 height: auto;
} 


ul#mainMenu ul 
{ 
position:absolute; 
visibility:hidden; 
} 

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul 
{ 
margin-left: 160px;
margin-top: -25px;
visibility:visible; 
} 

ul#mainMenu li li 
{ 
float:none; 
padding: 0px;
width: 160px;
} 

li
{
  border: none;
  text-transform: lowercase;
}

ul#mainMenu li 
{ 
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */ 
}

#mainMenu>.menu
{
 overflow: hidden;
 width:160px;
 color: red;
}

.menu { border-bottom: 1px solid black;  }

#podmenu { border: 1px solid black; border-bottom: none; width: 160px; overflow: hidden;  }
#podmenu>li { width: 160px; margin-bottom: 1px;  }
#podmenu li a { width: 160px;}
#podmenu li a:hover { width: 160px;  }