Welcome to WebmasterWorld Guest from

Forum Moderators: incrediBILL

Message Too Old, No Replies

Why does my site's Footer Have a Double-Bar in IE?



1:18 am on Dec 26, 2010 (gmt 0)

5+ Year Member

While using Internet Explorer if you go to the very bottom of my site at questrade review [canadianprofiteer.com] you will see two gray horizontal bars. There should only be one horiz bar showing my navigation links (shown as the 2nd gray bar).

In every other browser i've tried it shows correctly (only one gray horizontal bar with my nav links). But in IE it shows the 2 bars. I've tried playing around with CSS for a while trying to resolve this but to no luck.

Anyone know where i am going wrong in my CSS?


4:21 pm on Dec 26, 2010 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

The first thing to do when you want cross-browser functioning is to make sure your mark-up is valid - use W3C Validator for HTML [validator.w3.org] and W3C Validator for CSS [jigsaw.w3.org]. You can make yourself quite crazy trying to work around error correction routines which are not standard accross browsers.

At any rate, in your case there is a missing </a> tag in the advertising div just before the problematic footer area. That's where I'd start, in the HTML itself rather than the CSS.


8:40 pm on Dec 26, 2010 (gmt 0)

5+ Year Member

Yay! Thanks for the helpful reply! Problem solved!

THANKS for the Links. I will use them a ton now!