DIV visibility set works in Firefox but not IE

[qinh]

I have this Javascript code:
function pickPaymentType()
{
if(document.forms[0].paymentType.value!='P')
{
document.getElementById('id').style.visibility='visible';
document.getElementById('id').style.position='relative';
}
else
{
document.getElementById('id').style.visibility='hidden';
document.getElementById('id').style.position='absolute';
}
}

The position and visibility of the DIV section works fine in Firefox. But in IE, the position changes fine when I call this function from a dropdown list but the div is not visible even when it is set as visible.

Please help! Thank you very much!!

[micahzender]

look at the following site using the same browser.
Mind you I'm not changing the position style attribute, but the visiblity is swapped.

http://www.bakerstsolutions.com

rollover the red text "why baker street solutions"

The JS is pretty easy to read (sloppy I know).

Let me know if you have problems seeing the rollover in your browser.

z

[qinh]

If I took the statement of setting position out, the visibilty works fine. But for some reason I cannot make them both work correctly in IE.