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