CSS used in 3.2.2 not working correctly in 3.4.2 on intial page load

bcorrigan · #1 Jul 13, 2009, 12:38 PM

Hi there,

on my site:
http://depts.washington.edu/ophthweb/

I have some CSS/HTML accessibility code for screen readers. This code has a link that is rendered first
(located in ATO -> HTML Inserts: Body Top)

HTML Code:

<div class="skip"><a  href="#content">Skip to Main Content</a></div>

and some CSS to hide it off-screen (located in ATO -> CSS Inserts)

HTML Code:

/* decorate the Skip to Main Content Link */
.skip  a {
padding: 0 0.5em; display: inline; z-index: 2;
text-decoration: none; position: absolute; width: 14 em; left: -200em; 
}

The link jumps to a NAME tag (located in 3.4.2 in ATO -> The LOOP, above post_bodycopy)

HTML Code:

<a name="content">&nbsp;</a>

<?php bfa_post_bodycopy('<div class="post-bodycopy clearfix">','</div>'); ?>

Everything works except that on the link is centered on the top of the page, and not off the screen per the CSS.

Worked fine in 3.2.2.

What do I need to change?

-Bill