CSS

css horizontal ul

ul > li {
    display: inline-block;
    /* You can also add some margins here to make it look prettier */
    zoom:1;
    *display:inline;
    /* this fix is needed for IE7- */
}

horizontal list css

#menu ul{
  list-style: none;
}
#menu li{
  display: inline;
}