kazespec

Thanks for your help so far, I replaced “fixed” to absolute and still nothing. I’ve even cleared the cache on my chrome browser to make sure it wasn’t the browser that was showing it as not working.

Hi,

I don’t want it to stay at the top of the screen as I scroll down, I’d like it to stay at the top of the page and not follow me as I scroll down.

Hi Addweb, I don’t want it to stay at the top of the screen as I scroll down, I’d like it to stay at the top of the page and not follow the screen as I scroll down. This is the css code for the header

#headerwrap {position: fixed; width: 100%; z-index: 999; padding-bottom: 13px;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.4); -webkit-box-shadow:  0 1px 10px rgba(0,0,0,0.4); box-shadow: 0 1px 10px rgba(0,0,0,0.4); }
.headerwrapdown {}
#header {  margin: 10px auto 0 auto; padding: 0; width: 960px; display: block; }
.titleborder{ position: absolute;   width: 960px; border-bottom:1px dashed #dadada; margin-top:14px;}
.fullwidth .titleborder {background: url(images/mainBorderLine.png) bottom repeat-x;}
.relatedtitle .titleborder {background: url(images/mainBorderLine.png) bottom  repeat-x;}
#logo { position:relative; z-index: 9999;  margin: 10px 0 2px 0px; float:left;}
#logo h1{padding-top:20px}
.logotag {font-size:10px; margin-top:0px;text-transform:uppercase; }
#main { width: 960px; margin: 24px auto 0 auto; padding: 0px 0px 10px 0px; height: 100%; }
.main { width: 960px; margin: 0 auto;  padding:0px 20px 20px 20px; height: 100%; }
#mainwrap { position: relative; width: 100%; margin: 0; padding: 0; top:90px;}
.shadow { background: url(images/shadow.png) repeat-x; height: 16px; margin: 0; z-index: 20; }
.infotextBorder {background: url(images/mainBorderLine.png)  repeat-x;  position: absolute;   width: 100%; height: 7px;}