HTML+CSS+JavaScript

Вот CSS-код, в IE отображается нормально, в опере без красного цвета!

.glowingtabs{
width:100%;
background-color:#e23620;
}


.glowingtabs ul{
list-style-type: none;
margin:5px;
/*Left offset of entire tab menu relative to page*/
padding:0;

}

.glowingtabs li{
background-color:#e23620;
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
padding: 0px 12px 2px 3px;
font-weight:normal;
color:white;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: #000000;
}

.glowingtabs li.selected a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #000000;
}

.glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

из-за свойства float такая проблема, что список и соответственно блок снаружи не растягивается по высоте, поэтому есть два решения: 1. указать списку высоту. 2. прописать для списка overflow:auto;
width:100%; /ширина для ИЕ6/, и ваш список будет растягиваться по высоте, независимо от того сколько контента в меню.