Need Help: Opera and Hover

I beleive I'm down to the final bug with this project =)

<!-- m --><a class="postlink" href="http://www.digitpress.com/DPNEW/">http://www.digitpress.com/DPNEW/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.digitpress.com/DPNEW/style.css">http://www.digitpress.com/DPNEW/style.css</a><!-- m -->

In regards to the hover and the navigation menu to the left:

The hover effect works perfectly in IE and Firefox, but is doing something so bizarre in Opera, that I'm not sure what its doing.

The bottom border is either being bumped up from the current element, or being bumped down from the above element. Additionally, the background and right border don't appear and disappear correctly.

Any nudges in the proper direction would be appreciated. Thanks :)Works perfectly in Opera 7.02 win XPStrange.

Im running 7.51 on XP.

Does anyone else have this problem, or is something funny with a setting I don't know about?I see it in Opera 7.54
tag mismatch in menu? <dt><a href=http://www.webdeveloper.com/forum/archive/index.php/"">Easter Eggs</a></dd>Copy and paste gone out of control. Thanks for pointing that out.

However, it did not fix the problem :(It seems to work off-line, although a reload in Opera 7.54 causes a change in the width of #middle.
Probable cause is the use of em units in 'belts' (margin, border and padding)
It is advisable to use absolute units for these, generally, small values to avoid rounding errors.
The page now validates; the menu was still wrong and some other errors have been corrected.
The menu is now positioned absolute to resolve another problem in Opera.
Quite a few changes have been made to the CSS; compare it to original.
The basic problem with the menu was in balancing #navlist dt a, #navlist dd a with the pseudo-classes, same borders etc.
 
Back
Top