CSS: where's the bottom?

[beetle]

Hey all

I'm trying to place some "back to top" links on each section of this page (http://www.peterbailey.net/fvalidate/nu/setup/) and it works peachy in Mozilla. But - IE seems to not know where the bottom is - because as soon as I introduce the rule - the link *vanishes*. I don't see where it goes. Any value seems to make it vanish. Here's the CSS as it stands now

div.contentSection {
position: relative;
color: #000;
background-color: #F5F5F5;
padding: 0 5px 5px 10px;
margin: 20px 0;
border: 1px solid #DDD;
}
div.contentSection a.top {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #FFF;
border-right: 1px solid #FFF;
color: #00C;
background-color: #FFF;
text-decoration: none;
display: block;
padding: .2em .5em;
text-align: center;
position: absolute;
right: 9px;
z-index: 100;
}
div.contentSection>p>a.top {
bottom: -1px;
right: -1px;
}
Any clues?

[Catman]

Maybe you should position the p.toplink class rather than the a.top class? You might even get what you're looking for by floating the p element right rather than using positioning.

[wimb]

Try to give the link a z-index higher then the other div's.
This solved for me an Opera problem...

wimb