Then float those <li>s left, or set them to display: inline-block. That will be a much more bulletproof menu.

RyanReese
—
2012-03-24T22:25:20Z —
#5

And if you still want it centered you can just give that #navigation list, in Ralphs code, a width and margin:0 auto; to center (it will also need overflow:hidden; to contain the floated links now) :). That's assuming you go the floating route.

dubman
—
2012-03-24T22:58:17Z —
#6

But I hear floats and media queries don't go well together..I have just tried the <ul id="navigation"> idea. The links now appear vertically, but maybe I didn't do it correctly - I will try a few other things. Thanks a lot!

ralphm
—
2012-03-25T01:58:08Z —
#7

You could also try display: inline-block instead to make them go horizontal. Here are some links with more details and examples: