How to center a horizontal list?

1

Hi All,

I have been trying to fix this for about an hour and a half :frowning: I am trying to center an image-based horizontal list. It is centered in IE6/IE7 but not FF!!! is al the relevant stuff to help me out. Thanks in advance :slight_smile:

http://www.stoneykun.com/nav/
http://www.stoneykun.com/nav/css/stylesheet.css


#navigation {
 margin: 0;
 padding: 0;
}
#navigation ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}
#navigation ul li a {
 height: 60px;
 background-position: top left;
 background-repeat: no-repeat;
   display: block;
 text-indent: -9999px;
}
#navigation ul li a:hover {
 background-position: 0 -60px;
}
#navigation ul li#home a {
 width: 97px;
 background-image: url(../images/nav_home.gif);
}