Горизонтальное выпадающее меню PHP + MySQL+CSS

<ul id="navigation">
<?php
$query_settings = "SELECT table_settings.id, id_settings, title, name, file, table_categories_services.id
        FROM  table_categories_services , table_settings
            WHERE  (id_settings = table_settings.id) GROUP BY table_settings.id";
$result_settings = mysql_query($query_settings) or trigger_error(mysql_error());
$rows_settings = mysql_num_rows($result_settings);
if ($rows_settings > 0) {
    $arr_settings = mysql_fetch_assoc($result_settings);
    do {
          if ($arr_settings['id_settings'] !== $arr_settings['id']){   
                  print "<li><a href = ".$arr_settings['file'].">".$arr_settings['title']."</a></li>\n";
          }else {
                  print "<li><a href = ".$arr_settings['file'].">".$arr_settings['title']."</a>
                          <ul>
                   <li><a href='" . $arr_settings['file'] ."'>" . $arr_settings['name'] . "</a></li>\n
                </ul> </li>";
         }
    } while ($arr_settings = mysql_fetch_assoc($result_settings)); 
}
?>
</ul>

#navigation, #navigation ul {
    float: left;
    left:0px;
    right:0px;
    margin: 0;
    padding: 0;
    border: 1px solid #000;
   position: absolute;
    background:url(../img/footer.png);
    background-position:20px -270px;
}
#navigation li {
    float: left;
    position: relative;
    background: #515151;
    back\ground: none;
}
#navigation li ul {
    display: none;
    back\ground: none;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=9);
    filter:alpha(opacity=10);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    z-index:0;      
}
#navigation a {
    color:#ffffff;
    display: block;
    padding: 6px 10px;
}
#navigation a:hover {
    display: block;
    background-color: #00749E;
    padding: 6px 10px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=3);
    filter:alpha(opacity=3);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    color: #f9c832;
}

#navigation li ul {
    display: none;
    position: absolute;
    background-color: #00749E;
    padding: 8px 0px;
   
   
}

#navigation li:hover ul {
    width: 150px;
    display: block;
   
}