Hello,

 

I'm having a problem similar to the one posted with the subject "Odd Jumping
Behavior on Hover - IE Only of Course."

 

Here is my example:

 

http://rincon.pedrera.com/clients/pedrera/standards/Services_Philadelphia_we
bsite_design_development.asp

 

In IE7, when I hover the cursor over any of the links in the secondary
navigation column (the grey column on the left), the callout box that is
floated to the right of the main content area (the callout with the subhead
"Ready to learn more?") jumps to the left.  The left margin that is applied
to the callout disappears, and the callout is jammed against the copy.

 

This margin leap is triggered by the application of a background image to
the span tag that surrounds the secondary navigation text when it's parent
anchor tag is hovered over:

 

#secondarynav.services ul li a:hover span

{

            background: url(../Images/Icon_NavSecArrow_Services.gif) 1.8em
0.3em no-repeat;

}

 

If I comment out the above background change, the margin leap does not
occur.

 

Does anybody know of a way to prevent this leap from happening?

 

Thanks,

John

 

John Gribben

Pedrera, Inc.

215 348 7446

[EMAIL PROTECTED]

http://www.pedrera.com <http://www.pedrera.com/> 

 

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to