Need some help putting the finishing touches on an XHTML/CSS site w/ rounded corners

Since the beginning of the year, I’ve been learning how to make a web site using only XHTML Strict and CSS (no tables); and I need some help putting on the finishing touches.

If you look at the very bottom of my web site you will notice that there’s an extra 10 pixels between the bottom columns and the bottom of the container. I only want there to be 10 pixels between the between the bottom columns and the bottom of the container. So that it’s matches the spacing with the rest of the site.

The bigger issue that I am having is with the rounded corners not displaying in IE6, IE7, and IE8. I know that IE6, IE7, and IE8 don’t support CSS3. that’s why I am using curved corners. However, for some odd reason, the columns won’t display with rounded corners. I dont’ want to use images, that’s obsolete.

Also, the reason why I am calling the jquery.min.js twice is because I am using it once for the drop-down menu to work on the iPad, and the second time is for the rotating image banner. If there’s a way how to only call the jquery.min.js framework once, then so much better.

My site can be found here.

When I go to validate my web site, I do get some errors, but that’s just because the free web hosting service that I am using injects some code at the end of web site. I am not using this free web hosting service for my live site. This is just for testing purposes.

Thanks in advance!

Hi 13th Warrior and welcome to the forums. :slight_smile:

I had a quick look, and removing the non-breaking space -   - from your footer seems to solve the problem. (I just went back for another look, and the site is down for regular maintenance by the hosting company.)

Major thanks TechnoBear! I can’t believe it was that simple! :smiley:

The site is backup now.

Does anyone have any insights about the rounded corners working in IE6, IE7, and IE8?

Thanks! :slight_smile: