Question

I’m trying to duplicate the getsatisfaction tab kind of effect – it works fine in IE7 and Firefox and almost every other browser but its all messed up in Explorer 6 – I hate IE6 but heck its the most commonly used browser – my tab is now instead of being overlayed on the side is sitting at the top corner of my page pushing all the page contents to the bottom.

The tab is just a link with this css styling applied:

a#feedback_link
{
  position:fixed; top:40%; 
  right:0px !important; 
  z-index:9999999; 
  text-decoration:none; 
  background-color:#2E8CDC; 
  padding:0px; 
  border:0px;
}

Answer 1

Well, before I start: IE6 is actually the most THINK TO BE commonly used browser. Let the numbers talk.

The issue is probably with the “fixed” positioning.
change it to absolute (and change the code if needed) or use conditional css to make a special css for ie6 only.

see some samples here: http://snipplr.com/view/2952/ie6-fixed-position-fix/