Ok - I've sifted my CSS and HTML with as fine a toothed comb as I
have, and still can't figure this one out.

Page with problem (IE only of course):

www.springfieldmo.gov/newsite/tabs/home.jsp

Page for comparison:
www.springfieldmo.gov/newsite/tabs/page.jsp


Associated CSS:

www.springfieldmo.gov/newsite/tabs/tabs.css
www.springfieldmo.gov/newsite/css/3col.css
www.springfieldmo.gov/newsite/css/reset.css

The issue is the jumping behaviour of the links in the white content
box in the middle of the page and the 5 main "page" links at the top
of the white box.  In IE, when mousing over those links, either the
links and background images move around or the content below the tab
links moves.

On the comparison page listed above, the movement doesn't occur in the
list of links, but only when mousing over the tab links.  This appears
to be an issue with the border width change on hover.  That much I
know.  What I don't know is how to fix it, short of using an image
instead of the border element.  This page doesn't use the '3col' CSS
file.

For the list of text links below the main choices I think I have it
narrowed down to some issue with the "3col.css" file interacting with
the "tabs.css" file.  This appears to be the case, because the
comparison page doesn't use the "3col" file and doesn't have the
issue.  With some judicious deleting sections of
code/uploading/testing of various parts of the "3col" CSS, it looks
like the offending portion is within the "special fixes" section of
the '3col' CSS.

But I don't know what to do with that knowledge.  Do I add something
to the 'tabs.css' file to match one of these fixes? I have no idea.

There are other pages, not using the white 'page within a page' box
that have no issues with links in lists.  An example is:

www.springfieldmo.gov/newsite/stormwater/developer.html
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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