an someone help me with this? It is in CSS (I don't know if CSS is discussed on here as I am new but I really need help.) I am developing a website in wordpress and have all of my pages set up in a horizontal menu, I want, when hovered over, the page to have another horizontal menu displaying all of the child pages under the main nav. Right now I have this:

#suckerfishnav  {
    position: absolute;
    margin: 0;
    padding: 0;}
#suckerfishnav li {
    list-style: none;
    float: left; }
#suckerfishnav li a {
    display: block;
    padding: 3px 8px;
    text-transform: uppercase;
    text-decoration: none;
    color: #999;
    font-weight: bold; }
#suckerfishnav li a:hover {
    color: #000; }
#suckerfishnav li ul {
    display: none;  }
#suckerfishnav li:hover ul, #suckerfishnav li.hover ul {
    position: absolute;
    display: inline;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0; }
#suckerfishnav li:hover li, #suckerfishnav li.hover li {
    float: left; }
#suckerfishnav li:hover li a, #suckerfishnav li.hover li a {
    color: #000; }
#suckerfishnav li li a:hover {
    color: #357; }

That is displaying all of my pages and when I hover over the page I get a drop down of all of the child pages, I want that drop down to be horizontal not vertical, if anyone can help me please respond I need this fixed today.

Thanks so much.

Moved to the CSS forum.