MArgin hjælp

Jeg har en side.. med følgene css:

 
body {
margin-left: 50px;
margin-right: 50px;
padding: 0px;
font-size:12px;
font-family:arial;
background-color: lightgreen;
}
#left {
top: 36px;
background-color: green;
position: absolute; 
border: 1px black solid;
text-align: center;
font-color:white;
width: 160px;
height: 490px; 
border-top-width: 0px;
border-right-width: 0px; }


#top {
top: 20px;
height: 10px;
right:0%;
left:0%;
background-color: green;
position: absolute; 
border: 1px black solid;
text-align: center;
margin-left: 50px;
margin-right: 50px;
font-color:white;
border-bottom-width: 0px;
width:100%; }

a:hover {
color: orange;
text-decoration: none; }

a {
color:WHITE;
text-decoration:none; }

#content {
left: 210px;
top: 36px;
width: 79.76%;
position: absolute; 
height: 490px;
border: 1px black solid; 
border-left-width: 1px; }

#bottom {
bottom: 20px;
left:200px
text-align:center;
position: absolute; }

#picture1 {
position: absolute; 
left: 55px;
top: 40px;
width:150px;
height:150px; }

#picture2 {
position: absolute; 
left: 55px;
top: 195px;
width:150px;
height:150px; }

#picture3 {
position: absolute; 
left: 55px;
top: 350px;
width:150px;
height:150px; } 

Men det er som om at margin-right: 50px; ikke virker.. denne hersens

#content {
left: 210px;
top: 36px;
width: 100%;
position: absolute;
height: 490px;
border: 1px black solid;
border-left-width: 1px;
}

Det er som om at "width: 100%; ikke stoppes af min margin-right; 50px; og bare fortsætter.. kan give jer et ekpm. på min side..: http://frederikamris.users.whitehat.dk/test%20test%20test/forside.htm der hvor der står tekst om panda bjørnen forsætter boksen bare.. og det skla den ikke.. den skal stoppe ved margin-right: 50px;

Jeg hved godt at det er lidt forvirende men det er et KÆMPE problem, som jeg ikke kan finde ud af.


----------------------------------------------------
Frederik, 12 år koder i øjeblikket php og css
----------------------------------------------------

[Redigeret d. 09/05-04 19:48:32 af Frederik Amris]