Temat: Programowanie - temat ogólny

.menubar{
height: auto !important;
height: 100px;
min-height: 100px;
border:1px solid #eeb44f;
width:198px;
background: #EBDBC6;
border-top-style: none;
margin-bottom: 15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px; 
}



ul#menu
{
padding: 0;
margin: 0;
width:166px;
list-style-type: none;
float: left;
height: 100%;
} 
ul#menu li a
{
float: left;
color: #4C4C4C;
padding: 0.2em 1em;
text-decoration: none;
border-bottom: 1px solid #fff;
width:166px;
}

ul#menu li a:hover
{
background-color: #333333;
color: #4C4C4C;
}
ul#submenu
{
padding: 0;
margin: 0;
margin-left:10px;
list-style-type: none;
float: left;
width:156px;
color: #fff;
background-color: #86e391;
margin-right:10px;
}
ul#submenu li a
{

float: left;
width:156px;
color: #007d0f;
background-color: #e8ffeb;
padding: 0.2em 1em;
text-decoration: none;
border-bottom: 1px solid #fff;
}
ul#submenu li a:hover
{
background-color: #34b943;
color: #fff;
}
#rozwijany:hover li { display: block;}
#rozwijany li { display: none; }

					<div class="menubar">
					<?php
					$query = "SELECT * FROM kategoria ORDER BY kategoria DESC";
					$result = $pdo->query($query) or die($pdo->errorInfo());
					
					echo '<ul id="menu">';
					foreach($result as $row){
						//	echo '<div style="padding-left:3px; height:2px">'.$row['kategoria'].'</div><br>';
					echo '<li id="rozwijany"><a href="#">'.$row['kategoria'].'</a>';
					echo '<ul id="submenu">';
							$query2 = 'SELECT * FROM podkategoria where kategoria_id='.$row['id'].'';
							$result2 = $pdo->query($query2) or die($pdo->errorInfo());
							foreach($result2 as $row2){	
							echo '<li><a href="index.php?strona=asor&pod='.$row2['id'].'">'.$row2['podkategoria'].'</a></li>';
							}
					echo '</ul>';
					echo '</li>';
					
					}
					echo '</ul>';
					?>
					</div>