My monitor is fine. It's a wide screen format where vertical space is at a premium. They are becoming pretty mainstream. You really should tighten up that menu a bit. There's a lot of white space you can get rid of without disrupting the layout.
Yes, as an option we could make it much more compact, but this size seems to work nicely for mobile/ipad screens. We'll see how it goes and may shorten it a little later. How much of it isn't fitting your screen?
About half the menu is off the bottom of the screen. This made it fit nicely, and it still looked OK. Besides... you should detect that your site is being accessed by a mobile device, and load different CSS.
It might be a better idea to specify font sizes as a percentage, and line heights in em. I believe the layout will adapt better to different screen resolutions. It's really important for things to look good on, at least, the most popular screen sizes.
div.sys-v4-mm-btn-cnt {
font-size: 14px;
font-weight: bold;
height: 26px;
line-height: 26px;
text-align: left;
text-indent: 0;
text-shadow: 0 1px 0 #FFFFFF;
}
div.sys-v4-mm-subitem div.sys-v4-mm-btn-cnt {
font-size: 12px;
font-weight: normal;
see more
http://marketshare.hitslink.com/report.aspx?qprid=17&qptimeframe=Y
It might be a better idea to specify font sizes as a percentage, and line heights in em. I believe the layout will adapt better to different screen resolutions. It's really important for things to look good on, at least, the most popular screen sizes.