DIV doesn't move up

Hi there

I have a question regarding http://www.chriss.no/test. The <div
id="rightcorner"> doesn't move up to where it should be in Internet
Explorer.

The HTML is like this:

<div id="right">
<div id="content">
<div id="innercontent">

<h2>Heading</h2>
<p>Text</p>


</div><!-- /innercontent -->
</div><!-- /content -->

<div id="rightcorner">
</div><!-- /rightcorner -->

</div><!-- /right -->

and at the moment, the CSS for this is:

div#right
{
line-height: 200%;
font-size: .8em;
}

div#content
{
float: left;
width: 468px;
background: #FFF;
}

div#innercontent
{
margin: 3px;
border: 3px solid #E50C06;
padding: 15px;
}

div#content h2
{
margin: 0;
padding-top: 10px;
text-transform: uppercase;
font-size: 1.7em;
color: #E50C06;
}

div#rightcorner
{
float: right;
width: 39px;
height: 273px;
background: url('images/annet/rightcorner.jpg') no-repeat;
display: block;
position: relative;
top: 0;
}

It works properly in Opera, but not in Internet Explorer (I'm using
the 6.0 version).

How can I move the <div id="rightcorner" up to it's correct position
in IE, without influencing it's position in Opera?

Best,
Helge Fredheim