I need a little guidance.. [CSS]

[private_ale]

Hello,

I have been reluctant to seek outside guidance, but after being kicked by this for the last several days I am out of options..

I am creating a new style for my community, for the most part I am doing fine, however my new footer is fighting me. It displays correctly in Google Chrome, Chromium, Safari, Firefox and Opera, however it does not display correctly in Internet Explorer (7+).

Here's the thing though: the footer displays correctly in Internet Explorer when it is a plain HTML document, it only becomes malformed when I attach it to the vBulletin footer template. This leads me to believe that there is a conflict somewhere in the CSS, however when viewing the source using Internet Explorer's Developer Tools, I honestly see no conflicts or differences when compared to the HTML-only document.

For reference, I will include some helpful items..

This is a link to the development board.
Please view it in both Google Chrome, Chromium, Safari, Firefox and/or Opera, and then once in Internet Explorer (7+ please).

http://dr-ia2hl5wli.beercandle.info/index.php

This is a link to the plain HTML footer, not attached to the vBulletin template system.
This should display correctly in both Internet Explorer and Google Chrome, Chromium, Safari, Firefox and/or Opera.

http://dr-ia2hl5wli.beercandle.info/footer/index.html

You can view the source of the plain HTML document to see the CSS and general structure.

If anyone can provide any insight, I would truly appreciate it.

I have attached two images for reference; the first is not using Internet Explorer, the second is using Internet Explorer.