Проблем с CSS-a

[liberal]

Имам малък проблем с CSS-a на 1 сайт.Използвах урока за позициониране на DIV с някой промени от мен и вижте как излиза дизайна ->


а това е CSS кода

body{
background-color:#fff;
}

div.sadyrjanie{
margin-left:auto;
margin-right:auto;
height:600px;
width:600px;
}

div.header{
width:600px;
height:191px;
}


div.left{
width:41px;
height:409px;
float:left;
background-image: url(images/index_02.gif);
}

div.centertop{
width:518px;
height:37px;
float:left;
background-image: url(images/topbg.gif);
}

div.center{
width:518px;
height:299px;
float:left;
background-image: url(images/index_05.gif);
}

div.centerfooter{
width:518px;
height:37px;
float:left;
background-image: url(images/footer.png);
}

div.centerbottom{
width:518px;
height:36px;
float:left;
background-image: url(images/bottom.gif);
}


div.right{
width:41px;
height:409px;
float:right;
background-image: url(images/index_02.gif);
}

Някакви идей защо се получава така. На теория би трябвало да си паснe всичко идеално, а всъщност не е така ..

 

[animatora]

body{
background-color:#fff;
}

div.sadyrjanie{
margin-left:auto;
margin-right:auto;
height:600px;
width:600px;
}

div.header{
width:600px;
height:191px;
}


div.left{
width:41px;
height:409px;
float:left;
background-image: url(images/index_02.gif);
}

div.centertop{
width:518px;
height:37px;
float:left;
background-image: url(images/topbg.gif);
}

div.center{
width:518px;
height:299px;
float:left;
background-image: url(images/index_05.gif);
}

div.centerfooter{
width:518px;
height:37px;
float:left;
background-image: url(images/footer.png);
}

div.centerbottom{
width:518px;
height:36px;
float:left;
background-image: url(images/bottom.gif);
}


div.right{
width:41px;
height:409px;
float:right;
background-image: url(images/index_02.gif);
margin-top: 20px;
}


променяй червеното тряя стане

 

[liberal]

+1