Проблема - не отображается фон в css классах в IE 6-8
index.php и style.css привожу
ЗЫ если закомментировать .moduletable и .moduletable_menu, добавив этот код в #sideLeft и #sideRight, то все работает. Так же в нерабочем варианте при загрузке страницы заметно, что сначала фон грузится (без скругления углов), но при полной выдаче страницы его нет.
<?php
defined('_JEXEC') or die ;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this -> language; ?>" lang="<?php echo $this -> language; ?>" dir="<?php echo $this -> direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this -> baseurl; ?>/templates/<?php echo $this -> template; ?>/css/style.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<div id="middle">
<div id="container">
<div id="content">
<jdoc:include type="message" />
<jdoc:include type="component" />
</div>
</div>
<div class="sidebar" id="sideLeft">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div class="sidebar" id="sideRight">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
</div>
</body>
</html>
@font-face {
font-family: Ubuntu;
src: url(../fonts/Ubuntu-C.ttf);
}
body {
font-family: Ubuntu;
}
a {
color: #1A888B;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a.expand {
width: 150px;
display: block;
margin: 10px 0 0;
}
a.expand:hover {
height: 500px;
}
h3 {
text-indent: 0.5em; /* Отступ первой строки */
}
p {
margin: 0 0 18px;
text-align: justify;
}
img {
border: none;
}
input {
vertical-align: middle;
}
ul {
margin: 0; /* Обнуляем значение отступов */
padding: 4px; /* Значение полей */
}
ul li {
display: inline; /* Отображать как строчный элемент */
margin-right: 5px; /* Отступ слева */
border: 0px; /* Рамка вокруг текста */
padding: 3px; /* Поля вокруг текста */
}
.item-page, .blog-featured {
text-align: justify;
font-family: Ubuntu;
}
.userdata {
border: 0px;
}
.breadcrumbs {
padding: 5px;
}
#wrapper {
width: 100%;
min-width: 1000px;
}
#header {
height: 1%;
}
#middle {
border-left: 250px solid #ffffff;
border-right: 250px solid #ffffff;
height: 1%;
position: relative;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
margin-right: -100%;
}
#content {
padding: 0 20px;
}
#sideLeft {
float: left;
width: 250px;
position: relative;
left: -250px;
}
#sideRight {
float: right;
margin-right: -250px;
width: 250px;
position: relative;
}
.moduletable {
background: url('../images/gradient.png');
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url('/PIE.htc');
}
.moduletable_menu {
background: url('../images/gradient.png');
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url('/PIE.htc');
}
#footer {
height: 100px;
}