Hello!
i’m try to use in Multiple Backgrounds with ie.
i add the CSS code i use to do that, in google chroom it’s work well, but in ie it’s not.
Please check my code, and fix that.
thanks!
*the path is o.k.
body
{
font-size: 75%!important;
font-size: 0.7em;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:black;
padding:0;
margin:0;
background: url(images/border.gif) repeat-y center , url(images/pattern.png) repeat;
direction:rtl;
behavior: url(PIE.htc);
}
hr
{
display:none;
}
#sidebar
{
float:left;
width:25%;
}
#content
{
float:right;
width:100%;
}
#header
{
background:white url(images/header.jpg) no-repeat center;
margin:0;
height:350px;
}
#webbody
{
background:white url(images/border.gif) repeat-y center ;
margin:0;
height:350px;
}
#box
{
width:750px;
background:white;
margin:0 auto;
overflow:hidden;
}
#footer
{
clear:both;
padding:10px 20px;
text-align:center;
}
.pages
{
background:transparent;
padding-top:335px;
}
.pages li
{
display:inline;
padding:5px;
}
.pages a
{
color:#323232;
text-decoration:none;
}
.pages a:hover
{
color:#323232;
text-decoration:underline;
}
.pages .current_page_item a
{
color:#4f2608;
text-decoration:none;
}
.boxpost
{
padding:10px 0;
margin-bottom:20px;
border-bottom:1px solid #88a61c;
}
.post h2, h2 a, h2 a:hover
{
text-decoration:none;
color:#4f2608;
font-size:1.3em;
}
.post
{
padding-right:50px;
}
.postmetadata
{
padding:5px 10px;
text-align:left;
}
.data {
width:10%;
width : 80px;
height : 150px;
color : white;
text-align : center;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size : 10pt;
font-variant : small-caps;
margin-top:10px;
float:right;
background: url(images/datebg.jpg) no-repeat top center;
padding-top:8px;
}
.post li {
list-style-image: url(images/star_bullet.jpg);
}
#search
{
float:left;
padding-top:8px;
}
#search form input#s, form input#s2
{
border:1px solid #4f2608;
height:20px;
font-size:90%;
padding-right:5px;
}
form#searchform2
{
overflow:hidden;
}
#search form input#searchsubmit, form input#searchsubmit2
{
padding:0;
background:white;
cursor: pointer;
cursor: hand;
border:none;
position:relative;
color:#323232;
}
a
{
color:#323232;
text-decoration:none;
}
a:hover
{
color:#88a61c;
text-decoration:none;
}
h1 a, h1 a:hover
{
color:#4f2608;
text-decoration:none;
}
blockquote
{
color:#4f2608;
padding-right:15px;
border-right:5px solid #88a61c;
}
#footer li {
list-style-image: url(images/star_bullet.jpg);
}
.tetto
{
background:white url(images/side_background.jpg) no-repeat;
padding: 0;
}
#sidebar h2
{
font-size:15px;
color:#4f2608;
padding-top:20px;
padding-right:15px;
}
#sidebar li
{
padding:2px 18px 2px 10px;
list-style:none;
margin:0;
}
#sidebar ul
{
padding:0;
list-style:none;
margin:0;
}
#sidebar a
{
padding-left:5px;
}
ol.commentlist
{
width: 90%;
margin: 0 auto;
color:black;
}
ol.commentlist li
{
margin-bottom: 1.5em;
padding: 5px;
background:url(images/comment.jpg) repeat-x;
}
ol.commentlist li.alt
{
background:url(images/comment.jpg) repeat-x;
}
ol.commentlist a
{
color:#88a61c;
}
h3
{
font-size:1.2em;
background:url(images/comment.jpg) repeat-x;
color:#4f2608;
text-decoration:none;
margin-right:50px;
padding:5px 10px;
}
small.commentmetadata
{
font-size: 1em;
margin-bottom: 1em;
display: block;
padding:5px;
}
.commentlist cite
{
font-style: normal;
}
.pagetitle
{
background:url(images/comment.jpg) repeat-x;
margin-right:40px;
color:#4f2608;
}
.entry img { max-width: 100%; }
.commentlist p
{
line-height: 1.4em;
margin-bottom: 1em;
margin-right:50px;
}
#commentform
{
margin-right:40px;
padding:20px;
margin-bottom:20px;
}
#commentform input
{
color:black;
padding:5px 0 5px 50px;
background:url(images/comment.jpg) repeat-x;
}
#commentform textarea
{
color:black;
background:url(images/comment.jpg) repeat-x;
}