Сайт криво работает в IE8

[stasik2204]

В CSS коде

#bottom_line {

background:url(../images/bottom_repairse_line.jpg) repeat-x bottom;

width:100%;

}

должна быть внизу сайта, но в 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;
}

.cat_menu {
  padding:0 0 0 45px;
  height:100px;
}

.cat_menu h3 {
  font-size:17px;
  color:#FFFFFF;
  font-weight: normal;
  padding:10px 0 0;
  margin:0;
}

.moduletable_menu {
  margin:8px 0 0 105px;
}

.moduletable_menu li {
  display:inline;
  font-size:15px;
  padding:13px 30px 13px 31px;
  font-weight:bold;
  line-height:22px;
}

.moduletable_menu a {
  color:#255C00;
  font-size:15px;
  text-decoration:none;
}

.moduletable_menu a:hover {
  text-decoration:underline;
  color:#FFFFFF;
}

.cat, 
.news,
.pools,
.adbox {
  margin:0 11px 0 31px;
}

.cat {
  color:#404040;
  border-top:1px dashed #B7B7B7;
  padding:0 0 10px;
}

.cat li {
  font-size:15px;
  border-bottom:1px dashed #B7B7B7;
  padding:3px 0;
}

.cat a {
  color:#404040;
  font-size:14px;
  text-decoration:none;
  padding:4px 10px 5px 20px;
  display:block;
  background:url(../images/mark.png) no-repeat 7px 50%;
}

.cat a:hover  {
  color:#FFFFFF;
  background:url(../images/mark.png) no-repeat #AC410C 7px 50%;
  font-size:14px;
}

.moduletablenewsfix {
  margin:5px 0 0 0;
}

.moduletablenewsfix h3,
.moduletablepolls_mod h3 {
  font-weight: normal;
  color:#404040;
  border-bottom:5px solid #AC410C;
  padding:0 0 1px 15px;
}

.latestnewsnewsfix a {
  font-size:12px;
  text-decoration:none;
  color:#404040;
  font-weight:bold;
}

.newsfix div.newsfix {
  padding:5px 1px 10px;
  font-size:12px;
  line-height:17px;
  border-bottom:1px dashed #B7B7B7;
}

.newsfix div.newsfix p {
  padding:0 0 2px;
}

a.readonnewsfix {
  font-size:12px;
  float:right;
}

.createdatenewsfix {
  color:#919191;
  font-size:12px;
  float:left;
}

.moduletablepolls_mod {
  padding:10px 0 0!important;
}

.poll_mod_title {
  font-size:12px;
  font-weight: normal;
  padding:0;
  margin:4px 0 5px;
  color:#404040;
}

.jqTransformHidden {
    display: none;
}

#poll_buttons_1 {
  clear:both;
  padding:5px 0 0!important;
}

.vote_line {
  float:left;
  width:100%;
  padding:3px 0;
}

.jqTransformRadioWrapper {
  float:left;
  margin:0 7px 0;
  display:inline;
}

.vote_layer span {
  float:left;
  font-size:11px;
}

a.jqTransformChecked {
    background-position: 0 -13px;
}

.jqTransformRadio {
  background:url(../images/votes.gif) no-repeat;
    display: inline-block;
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.jqTransformButton {
  background:url(../images/button.png) no-repeat;
  border:none;
  color:#FFFFFF;
  font-weight:bold;
  cursor:pointer;
  width:93px;
  height:23px;
  padding-bottom:5px;
  line-height:22px;
  float: left;
  display:inline;
  font-size:11px;
  margin:2px 0 0 0;
}

#poll_links {
  background:url(../images/button.png) no-repeat;
  color:#FFFFFF;
  font-weight:bold;
  float:left;
  font-size:11px;
  padding:4px 9px 5px 10px;
  margin:2px 0 0;
  display:inline;
}

#poll_links a {
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

.adbox {
  clear:both;
  float:left;
  padding:15px 0 0;
  display:inline;
}

.content_box {
  padding:10px 25px;
  color:#404040;
  line-height:18px;
}

.content_box h1 {
  font-size:20px;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:5px;
  padding-left:3px;
  color:#255C00;
  font-weight:normal;
}

.content_box h3 {
  color:#AC410C;
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
}

.pagination {
    color: #626262;
  font-size:13px;
  margin:10px 0;
  float:left;
  width:720px;
}

.pagination li {
  display:inline;
  padding:5px 2px;
  float:left;
}

.pagination span {
    color: #404040;
    font-size: 13px;
    font-weight: bold;
    padding: 0 2px 2px;
}

.pagination strong span {
    color: #E05300;
    font-size: 13px;
    padding: 1px 3px;
    text-decoration: none;
}

.pagination a {
    color: #AC410C;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
  background:#AC410C;
  border:1px solid #6E2A09;
  color:#FFFFFF;
}

.pagination span {
  border:1px solid #B7B7B7;
  padding:3px 5px;
}

.setartcle {
  border-top:1px dashed #B7B7B7;
  padding:5px 0;
  margin:10px 0 0;
}

.published span {
  color:#AC410C;
}

.published {
  color:#919191;
  float:left;
}

.content_box h2 a {
  font-size:17px;
  font-weight:normal;
  text-decoration:none;
  color:#255C00;
}

.content_box h2 {
  border-bottom:5px solid #B7B7B7;
  padding-bottom:4px;
  padding-left:3px;
  font-size:17px;
  color:#255C00;
  font-weight:normal;
}


.content_box p {
  padding:3px 0;
}

.readmore {
  float:right;
  padding-right:10px;
}

.readmore a {
  font-size:12px;
  font-weight:bold;
}

.items-row  {
  width:720px;
  float:left;
}

.column-1  {
  float:left;
  width:345px;
}

.column-2  {
  float:right;
  width:345px;
}

.items-leading {
  float:left;
  width:720px;
  margin:0 0 10px;
}

.counters {
  float:left;
  margin:30px 10px 0 30px;
  display:inline;
}

.copyright {
  float:left;
  margin:29px 0 0;
  color:#FFFFFF;
}

.copyright a {
  color:#FFFFFF;
}


.gallbox .moduletable {
  width:700px;
  padding:10px;
  border:1px solid #919191;
  background:#B7B7B7;
  margin:10px 0 10px 27px;
}

.gallbox .sigplus-gallery {
  border:1px solid #919191;
  background:#E1E1E1;
  padding:5px 0 5px 3px;
  width:695px;
}


.contact h2 {
  margin-bottom:5px;
}

.contact-address {
  margin:7px 0 0;
}

.contact img  {
  float:left;
  margin:0px 5px 0px 0px;
  padding-top:5px;
}

.contact h3 {
  border:none;
  font-size:14px;
  font-weight: bold;
  padding-bottom:0;
  clear:both;
  color:#404040;
}

.star {
  color:#FF0000;
}

*html .sigplus-gallery li {
  float:left;
  display:inline;
}

*html .sigplus-gallery li img {
  margin:0 4px;
}

.componentheading {
    border-bottom: 5px solid #B7B7B7;
    color: #255C00;
    font-size: 17px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-left: 3px;
  margin-top:-20px;
}

.smalldark {
  font-size:12px;
  color:#404040;
  font-weight:bold;
}

.all_news {
  padding:6px 0 0;
  text-align:right;
}

.all_news a {
  font-size:11px;
  color:#919191;
}

.contact-form {
  border:1px solid #919191;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  border:30px solid #B7B7B7;
  margin-top:10px;
  background:#E9EAEE;
  padding:15px;
}

.contact-form input {
  height:20px;
  border:1px solid #B7B7B7;
  line-height:21px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:3px;
}

.contact-form textarea {
  border:1px solid #B7B7B7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:5px;
}

*html .contact-form input {
  height:25px;
  padding:0;
}

.contact-form .button {
  background:#E1E1E1;
  border:1px solid #919191;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  font-size:14px;
  font-weight:bold;
  padding:5px 7px 7px;
  margin:10px 0 0;
  cursor:pointer;
  height:33px;
  line-height:20px;
  width:200px;
}

.contact fieldset {
  width:628px;
  border:none;
}

.contact fieldset legend {
  margin:0;
  padding:0;
  color:#AC410C;
  font-size:13px;
  font-weight:bold;
}

.moduletablerelatesbox {
  width:720px;
  margin:0 0 0 25px;
  padding:10px 0 20px;
}

.moduletablerelatesbox h3 {
  font-size:17px;
  font-weight:normal;
  border-bottom:5px solid #B7B7B7;
  margin-bottom:5px;
  text-transform:uppercase;
  color:#AC410C;
  padding-bottom:4px;
  text-align:center;
}

.moduletablerelatesbox a {
  line-height:21px;
  font-size:14px;
  font-weight:bold;
  color:#255C00;
  background:url(../images/arr.gif) no-repeat 0 6px;
  padding-left:10px;
}

#xmap .level_0 {
  padding:10px 0 10px 15px;
  line-height:20px;
}


#xmap .level_1 {
  padding-left:30px;
}

#xmap .level_1 a {
  font-weight:normal;
}

#xmap a {
  color:#404040;
  font-size:12px;
  font-weight:bold;
}

#xmap a:hover {
  color:#AC410C;
}

.item-separator {
  clear:both;
  height:10px;
}

.category-desc {
  padding-bottom:20px;
}
.item-page img {
  margin:2px 8px 0 0;
}

Edited December 23, 2011 by Softlink

[Gaspode]

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

[psywalker]

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Кто сказал, что так правильно? Можно пруфлинк?

[stasik2204]

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Нет результат тот же

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Кто сказал, что так правильно? Можно пруфлинк?

Что за "пруфлинк"?

[Gaspode]

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Кто сказал, что так правильно? Можно пруфлинк?

Кря:

CSS2.1

background: [background-attachment || background-color || background-image

|| background-position || background-repeat] | inherit

Edited December 23, 2011 by Gaspode

[stasik2204]

background:url(../images/bottom_repairse_line.jpg) bottom repeat-x;

По идее, вот так правильно. Поменяйте, вдруг поможет.

Кто сказал, что так правильно? Можно пруфлинк?

Кря:

CSS2.1

background: [background-attachment || background-color || background-image

|| background-position || background-repeat] | inherit

Не совсем понял что именно мне подойдет?

извиняюсь за глупый вопрос, просто еще чайник!

[psywalker]

Gaspode,

Значения могут идти в любом порядке, браузер сам определит, какое из них соответствует нужному свойству

stasik2204,

Не совсем понял что именно мне подойдет?

извиняюсь за глупый вопрос, просто еще чайник!

Выходит, что никак.