HTML+CSS+JavaScript

как насчет немного упростить верстку? Сделать подвал (div id=footer) шириной 100%, полностью засадить его фон картинкой bottom_repairse_line.jpg (очень подозрительная растительность, кстати, очень), сделать ему clear:both.
А чтобы он был 100% от экрана, а не от родительского блока, вывести его наружу.

http://106982.stasik.web.hosting-test.net/

из данного кода невозможно понять, как на самом деле устроен документ.
Нужен еще код html, и желательно адрес работающей страницы.

В коде выделил строку, которая должна быть внизу сайта, но в IE она почему то уезжает вверх и не пойму в чем проблема, подскажите пожалуйста кто знает, во всех остальных браузерах все гуд.
Готов отблагодарить за помощь!
html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-size: 12px; font-family: Tahoma; background:url(../images/mbg.jpg); }
table td { padding: 0px }
p { margin: 0; padding: 6px 0 5px; }
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style-type: none; }
form { padding: 0; margin: 0; }
a { text-decoration: underline; color: #AC410C; }
a:hover { text-decoration: none }
img { border: 0; margin: 0;}
.clear { clear: both }
/* 3- */
#wrapper { width: 1000px; margin:0 auto; background:url(../images/bg.jpg) repeat-y; text-align:left; }
#content { width: 770px; float: right; }
#text { min-height:300px; height:auto!important; height:300px; background: url(../images/text_box_top.jpg) no-repeat 0 70px; }
#left { float: left; width: 230px; min-height:300px; height:auto!important; height:300px; background:url(../images/top_menu_bg.jpg) no-repeat; }
dt,dl,dd { margin:0; padding:0;}

h1,h2,h3 {
font-size:17px;
margin:0;
padding:0;
}

h4,h5,h6 {
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

.fixbox {
text-align:center;
}

#bottom_line {
background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;
width:100%;
}

#top_line {
background:url(../images/repeat_bg_top.jpg) repeat-x top;
width:100%;
height:504px;
}

#menu {
background:url(../images/top_menu2.jpg) no-repeat;
width:100%;
height:70px;
padding:1px 0 0;
}

#logo {
width:320px;
height:112px;
position:absolute;
left:0px;
top:0;
}

#introductory_text {
width:516px;
height:18px;
position:absolute;
bottom:5px;
right:145px;
}

#header {
width:1000px;
height: 345px;
background:url(../images/header2.jpg) no-repeat;
position:relative;
}

#footer {
width:1000px;
height: 165px;
background:url(../images/footer.jpg) no-repeat right;
}