Menu css

<div id="bar"><div class="cat"><h4>Categories</h4></div><?php require("bar.php");?></div>

<?php
$catsql = "SELECT * FROM categories;";
$catres = mysql_query($catsql);
while($catrow = mysql_fetch_assoc($catres))
{
echo "<li><a href='" . $config_basedir
. "/products.php?id=" . $catrow['id'] . "'>"
. $catrow['name'] . "</a></li>";
}
?>

#bar {width:190px;float:left;background-color:#625b3e;margin-left:15px;}

#bar li{width:190px;;height:30px;list-style-type:none;display: block;}

#bar li a{height:30px;width:190px;font-size:14px;font-family: Arial;color:white;text-decoration:none;}

#bar li a:hover{background-color:#000;width:190px;height:30px;}

#bar {width:190px;float:left;background-color:#625b3e;margin-left:15px;}

#bar li{width:190px;height:30px;list-style-type:none;}

#bar li a{height:30px;width:190px;font-size:14px;font-family: Arial;color:white;text-decoration:none;display:block;} /* <a> je defaultne inline element takze mu nemozes nastavit rozmery ak ho nezmenis na block */

#bar li a:hover{background-color:#000;width:190px;height:30px;}