hjelp med frames

[Balrog11]

Jeg trenger noe hjelp med frames i css. Jeg har laget header, footer og content. problemet er at jeg har et bilde i content, og øvre halvdelen av bildet blir gjemt under header-framen på forhåndsvisninga(og bildet vises ikke i det hele tatt når jeg laster det opp på nett) hvordan kan jeg få bildet til å komme lengre ned? her er koden:

 

 

html-koden:

<div id="contents">

<p><img src="sort_hv.jpg" alt="" width="361" height="599" /></p>

</div>

 

 

css-koden:

 

#indexbody{

margin:0;

border:0;

padding:0;

height:100%;

max-height:100%;

background:#eee;

font-family:arial, verdana, sans-serif;

overflow: hidden;

font-size:100%;

}

 

 

#header {

position:absolute;

top:0px;

left:0px;

width:100%;

height:220px;

overflow:auto;

text-align:center;

background:#000;

font-size:2em;

}

 

#footer {

position:absolute;

bottom:7px;

left:2px;

width:100%;

height:22px;

overflow:auto;

text-align:center;

background:#FFF;

font-size:1em;

}

 

 

#contents {

position:fixed;

top:220px;

left:0;

bottom:22px;

right:0;

overflow:inherit;

background:#000;

text-align:center;

}

Endret 23. oktober 2010 av Balrog11