acsessability problem

[jeffonfire]

I have an nav on this site I am developing: http://petersweb.strokemymouse.com/it/
If you make your text bigger it gets all messed up.:hair: How can i fix this.:|

CSS: http://petersweb.strokemymouse.com/it/templates/sunset_template/css/layout.css
Html/php:http://petersweb.strokemymouse.com/index.txt

[jeffonfire]

Please help!!!:!:

[bergonom]

I assume that when you say "If you make your text bigger ...." you mean if the user increases
the size of the text, not if you change the size of the text in HTML/CSS and republish.

Going on that assumption, it seems like the page determines the width of your three tabs when the page loads. If the user increases the font size those tabs need to be wider, but they are confined to the initial width, so they wrap.

I was able to overcome this by explicitly setting the '#nav ul' width to something big - like 400px. Now the tabs have room to grow. The downside is that they are no longer right aligned on your page.

So I don't have the complete solution, but I think the answer lies in setting the width of '#nav ul' to something large and getting the tabs to align right. I think (although I may be wrong) if you allow the browser to determine the width of tabs and '#nav ul' automatically you will be stuck with this problem.