Div's Not Scrolling Properly in IE

[theflyingminst]

Hi I have a set of <div>'s that are supposed to show/hide content in the bottom right corner of the screen.

Everything works fine in Firefox, but not IE. The content scrolls with the page..

Any help would be appreciated. Thanks!


CSS:

<!--
#setup {
color:#CFCFCF;
font-size: 9pt;
font-family: Tahoma;
background-color:#fff;

position:absolute;
right:34px;
bottom:12px;
}

#info {
position:absolute;
right:22px;
bottom:34px;
}

#magnify {
position:static;
right:22px;
bottom:34px;
}

#verticalbuttons {
position:static;
right:10px;
bottom:66px;
}

#info p {
margin:0;
text-align:justify;
}
.hide {
display:none;
}
.show {
display:block;
}
-->


HTML:

<div>
<a id="setup" href="#">
[options]
</a>
</div>

<div id="info">

<div id="magnify">
<A HREF="#" onClick="javascript:increaseFontSize();">
<img src="images/magnify1.gif" width="27" height="21" border="0"></A><IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=4 ALT="">
<A HREF="#" onClick="javascript:decreaseFontSize();">
<img src="images/magnify2.gif" width="27" height="21" border="0"></A>
</div>

<div id="verticalbuttons">
<a onmouseover="ycurrentscrollspeed=-staticscrollspeed" onmouseout="ycurrentscrollspeed=0">
<img
src="images/arrows_up.gif" border="0"></a>

<a onmouseover="ycurrentscrollspeed=staticscrollspeed" onmouseout="ycurrentscrollspeed=0">
<img
src="images/arrows_dn.gif" border="0"></a>
</div>

</div>

[Centauri]

What version of IE?

[theflyingminst]

Hey Centauri, thanks for responding! Weird thing.. I JUST figured it out, it was the doctype. Now I gotta figure out a fix for IE6 to show the div properly, I'm researching it right now actually..