[NN77]

Пожалуйста подскажите! Я новичок в веб дизайне, чтоб практиковаться беру шаблоны не смотря на код а на дизайн практикую свои знания. Посмотрите пожалуйста на пример. У меня уже каторый раз не получаеться одна задумка. Если вы смотрете то видете что нижняя крассная толстая полоса с права короче чем верхняя тонкая. Как не пытаюсь не получается выравнить. И ширину задала и разместила ну ни как не выходит. Где моя ошибка?
Сам сайт в прикреплен
Вот код Css:

@charset "utf-8";
/* CSS Document */


body
{ background-color:#FFF;
position:absolute;
width:900px;
padding:0 0px 50px 0px;
}



#header
{
width:750px;
height:120px;
margin-left:300px;
margin-top:50px;
background:url(header.jpg);
background-repeat:no-repeat;
background-position:right;
}

h1
{
margin-left:130px;
float:left;
color:#F00;


}

#xett
{
border-bottom:medium solid #F03;
margin-left:130px;
margin-top:0px;
width:820px;
}

#xett2{
border-bottom:1px solid #CCC;
margin-left:0px;
}


#side{
padding:20px 0px 20px 155px;
width:400px;
float:left;
text-align:justify;
}

#main{
width:170px;
padding-top:27px;
padding-right:0px;
float:right;

}


a{
color:#F03;
text-decoration:none;
font-weight:bold;
}

a:hover
{
color:#F03;
text-decoration:underline;
font-weight:bold;
}


#footer{

color:#FFFFFF;
background-color:#F33;
width:750px;
float:right;


}



Помогите очень нужно для новичка

[Niemans]

#footer {
color:#FFFFFF;
background-color:#F33;
width:750px;
float:right;
}
и
#xett
{
border-bottom:medium solid #F03;
margin-left:130px;
margin-top:0px;
width:820px;
}


Смешиваем и получаем коктейль:
#footer {
background-color:#FF3333;
color:#FFFFFF;
float:left;
margin-left:130px;
width:820px;
}

[NN77]

Niemans, спасибо большое , я уж совсем запуталась с этими margin и float-ми) надобы посидеть и хорошенка разобраться.

[Niemans]

я уж совсем запуталась с этими margin и float-ми

Бывает