Issue with menu and changing resolutions
 

On my site (www.cognitionetc.com) the subjects menu below the header normally looks fine unless the window is zoomed out or in at all (attached pic shows what happens). I understand why it would do that when zoomed in but can't fathom why it would do that when zoomed out.

can you defind 'zoomed'? resizing window? changing resolution? ??

Sorry, that was pretty ambiguous wasn't it? By zoomed I mean actually zooming in or out within the window, not changing the size of the window. When the window size is changed in the current resolution at which I'm viewing the site (1280x1024) the menu is fine, but if I try and zoom out (control+mouse wheel) the menu is displayed wrong. My girlfriend just told me that when the site is viewed at a higher resolution (I think her screen is 1920x1080) the menu is also displayed strangely, with the final subject in the menu displayed below the rest of the subjects.

If I change the resolution of my monitor from 1920 X 1080 to 800 x 600 the menu wraps as I would expect (Safari and Firefox on a MAC)


If I change the resolution of my monitor from 1920 X 1080 to 2048 x 1152 the menu does not wrap as I would expect

If I change the text and zoom out, I get no wrap, if I zoom in it wraps as you would expect

Strange... I've tried it in a couple of resolutions and it is fine until I zoom. It doesn't seem to matter whether it's zooming in or out, it always wraps strangely.

Any idea what could be causing this?

did you try with another browser?

Chrome wraps the menu on zoom out or in but I just accept the fact that results can be unpredictable when you zoom.