randyttp

yeah I see it removed the shadow.. now it looks boring and is still floating to the top.

Hmm, lets keep trying stuff.

Ok remove that stupid position: relative;

and maybe throw in a display: block; for good measure. lol

in style.css we are looking at this

#footer {
    background: url("images/sprite_h.png") repeat-x scroll left -117px #000000;
    box-shadow: 0 -3px 5px 0 #000000;
    height: 49px;
    position: relative;
}

I’m assuming since it is CSS3 and its IE, it doesnt know what to do with it and goes into panic mode, so of course throw it way up towards the top. Of course!

Try replacing with this

#footer {
    background: url("images/sprite_h.png") repeat-x scroll left -117px #000000;
    height: 49px;
    position: relative;
}
#footer {
    box-shadow: 0 -3px 5px 0 #000000;
}

What this should do is let the IE have its little styling, and then when a better browser comes along it can go ahead and add the shadow without IE panicing and crying like a little girl. If this doesnt work, someone smarter than me will have to help, cause im dumb 😉

in style.css

#content {
    background: none repeat scroll 0 0 #E3E3E3;
    border-top: 21px solid #E3E3E3;
    padding-bottom: 20px;
}

replace with this…

#content {
    background: none repeat scroll 0 0 #E3E3E3;
    padding: 21px 0;
}

work?

firefox

hmm it changed it for me.

Did you try hard refreshing your browser to make sure its reading the CSS changes?

or try just deleting the bottom-border completely. If that doesn’t work then I must have misunderstood what you are talking about.

Is the comment me page an actual PAGE? or is it a post?

Why the heck would a page come default with a comment section? Just curious if this is the case.