I have a background that is set into three sections. The main one does not repeat and it looks fine the one on the left repeats down the left side to act as an expander for page length, the third is suppose to repeat accross the top to act as a filler to compansate for monitor size. I can not seem to get the top filler to work as i want it
here is the codinf I am using
Pat
##############################
html, body {margin:0; padding:0%; height:98%;}
body {
font-family: verdana, sans-serif Arial; font-size: 16px;
background-image: url(../images/leftsliver.jpg); background-repeat: repeat-y; transparent;
}
#header {
height: 235px;
background-image: url(../images/headsliver.jpg); background-repeat: repeat-x; #FFFFFF;
background: transparent;
color: #ee8;
}
#content {
position:relative;
height:100%;
min-height:100%;
background-image: url(../images/trixieheader.jpg); background-repeat: no-repeat; #FFFFFF;
border-right:none;
margin-top: 0;
margin-bottom:-80px;
}
* html #content {height:100%}
body>#content {height:auto}
#contentinner {margin-left:18%; width:80%;}
* html #contentinner {height:1%}/* combat ie 3 pixel jog */
html>body #content{height:auto}
###########################
Can anyone offer any suggestions on why this is not repeating across the top as i would want it to
