# How to center a horizontal list?

**URL:** <https://forum.kirupa.com/t/how-to-center-a-horizontal-list/251950>\
**Category:** Uncategorized\
**Created:** [February 14, 2008, 9:43am UTC](https://forum.kirupa.com/t/how-to-center-a-horizontal-list/251950 "2008-02-14T09:43:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![stoney\_kun](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/stoney_kun/32/3395_2.png) [@stoney\_kun](https://forum.kirupa.com/u/stoney_kun)\
**Post date:** [February 14, 2008, 9:43am UTC](https://forum.kirupa.com/t/how-to-center-a-horizontal-list/251950/1 "2008-02-14T09:43:03Z")

</div>

Hi All,

I have been trying to fix this for about an hour and a half ☹ 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 🙂

[http://www.stoneykun.com/nav/](http://www.stoneykun.com/nav/)  
[http://www.stoneykun.com/nav/css/stylesheet.css](http://www.stoneykun.com/nav/css/stylesheet.css)

```auto

#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);
}

```