The site is here (<!-- m --><a class="postlink" href="http://www.sonora-sw.com/">http://www.sonora-sw.com/</a><!-- m -->) whith the css here (<!-- m --><a class="postlink" href="http://www.sonora-sw.com/incl/menudisp.css">http://www.sonora-sw.com/incl/menudisp.css</a><!-- m -->).
The issue is this snippit here
* html div.menu { /* hack for IE moves menu up to bottom of button */
margin-top: 3px;
}
div.menu {
position: absolute;
margin-top: -3px;
which positions the dropdowns right at the bottom edge of the image/buttons in Firefox and IE but not in Opera. It's not jusrt cosmetic, as the cursor cannot cross the gap without the dropdown menu closing.
What do I need to get it at the right position in Opera?http://www.positioniseverything.net/css-dropdowns.htmlNot only that, but most Opera users will have their browser identify itself as Internet Explorer (about 90% anyway). The others will have their browser identify itself as (usually) Opera.
If you are really interested in checking your pages on Opera, be sure to check them against all of Opera's identification strings (IE, Mozilla, Opera) before publishing your pages. I found this out the hard way when I was using Dean Edwards' IE7 filter (<!-- m --><a class="postlink" href="http://dean.edwards.name/IE7">http://dean.edwards.name/IE7</a><!-- m -->) on a template I was testing on Opera. I had my browser set to identify itself as such, and one of my testers started complaining that Opera was trying to apply the filter to the site template I had designed.instead of
margin-top: -3px;
you might try just
top: -3px;
I can make it to the menu if I move the mouse really fast, but that's not all that convenient.
Why don't you just make it an all CSS menu instead of adding javascript in there? People without javascript can't get to the menus at all unless they turn off CSS which is a pain.Try setting margins and padding to 0 on the body tag. That will get all of the browsers (except IE) using the same alignment. Then you just need to adjust for the 3px positioning error in IE.
The issue is this snippit here
* html div.menu { /* hack for IE moves menu up to bottom of button */
margin-top: 3px;
}
div.menu {
position: absolute;
margin-top: -3px;
which positions the dropdowns right at the bottom edge of the image/buttons in Firefox and IE but not in Opera. It's not jusrt cosmetic, as the cursor cannot cross the gap without the dropdown menu closing.
What do I need to get it at the right position in Opera?http://www.positioniseverything.net/css-dropdowns.htmlNot only that, but most Opera users will have their browser identify itself as Internet Explorer (about 90% anyway). The others will have their browser identify itself as (usually) Opera.
If you are really interested in checking your pages on Opera, be sure to check them against all of Opera's identification strings (IE, Mozilla, Opera) before publishing your pages. I found this out the hard way when I was using Dean Edwards' IE7 filter (<!-- m --><a class="postlink" href="http://dean.edwards.name/IE7">http://dean.edwards.name/IE7</a><!-- m -->) on a template I was testing on Opera. I had my browser set to identify itself as such, and one of my testers started complaining that Opera was trying to apply the filter to the site template I had designed.instead of
margin-top: -3px;
you might try just
top: -3px;
I can make it to the menu if I move the mouse really fast, but that's not all that convenient.
Why don't you just make it an all CSS menu instead of adding javascript in there? People without javascript can't get to the menus at all unless they turn off CSS which is a pain.Try setting margins and padding to 0 on the body tag. That will get all of the browsers (except IE) using the same alignment. Then you just need to adjust for the 3px positioning error in IE.