CSS Image Replacement

I’m currently re-designing my site, and i want to put a horizontal navigation menu in the header.

I know that it’s best practice to put navigation in a list. And I also want to use CSS sprites and CSS image replacement for the navigation menu icons.

But when I use display:block to get rid of the text with text-indent:-9999px, it overwrites the display:inline that makes the menu horizontal.

What’s the solution?

You can float your li elements.

Haha, i feel dumb, thank you.