Rendring problem for Opera med CSS

[joenohr]

Jeg har problemer med Opera og rendring av noe CSS kode jeg har laget. Er det noe som ser hva som kan være på ferde her?

 

Firefox og Explorer klarer biffen. Har testet i siste versjon av alle nettleserene.

 

<center>

<table width="1000px" height="100%">

<td valign="top" align="left" width="100%" height="100%">

 

<!-- container for hele "framen" -->

<div id="container">

 

<!-- holder for headeren -->

<div id="header">

 

<!-- logoen -->

<div id="firmalogo">

 

Firmalogo

 

</div>

 

<!-- logo i header -->

<div id="logo_i_header">

 

Logo i header

 

</div>

 

 

</div>

 

 

</div>

 

 

 

 

</td>

</table>

</center>

 

 

css fila ---

 

#container

{

position: relative;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

}

 

#header

{

position: absolute;

border: 1px solid black;

width: 100%;

height: 25%;

}

 

#firmalogo

{

position: absolute;

top: 0px;

left: 0px;

width: 30%;

height: 100%;

border-right: 1px solid black;

}

 

#logo_i_header

{

position: absolute;

left: 30%;

top: 0px;

width: 70%;

height: 100%;

}

[funkweb]

CSS:

#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#left
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
padding: 1em;
max-width: 36em;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
#content h1 { margin: 0 0 .5em 0; }

 

 

HTML:

<div id="container">
<div id="left"><p>Left</p></div>
<div id="content"><h1>Overskrift</h1><h2>Underskrift</h2><p>Paragraf</p></div>
</div>