Website Looks Wrong in IE But Right In Firefox

[Allen52285]

Hi All, I am working on a Joomla! site: www.gloriawillisconsulting.com and the page is looking great in FireFox but in IE when I load it up the two left boxes "Whats New?" and "Login" seem to be pushed right and not centered and the footer is just all off. I'm not sure how to go about fixing this in IE and not break it in Firefox at the same time. It is a template I downloaded that has an addon template for IE6 and IE7 (I'm using IE8).

Here is the IE7 addon css:

/* begin Box, Sheet */
.art-sheet-tl
{
clip: rect(auto 11px 11px auto);
}

.art-sheet-tr
{
clip: rect(auto auto 11px 11px);
}

.art-sheet-bl
{
clip: rect(11px 11px auto auto);
}

.art-sheet-br
{
clip: rect(11px auto auto 11px);
}

.art-sheet-tc
{
clip: rect(auto auto 11px auto);
}

.art-sheet-bc
{
clip: rect(11px auto auto auto);
}

.art-sheet-cr
{
clip: rect(auto auto auto 11px);
}

.art-sheet-cl
{
clip: rect(auto 11px auto auto);
}

.art-sheet-body
{
zoom: 1;
}
/* end Box, Sheet */

/* begin Menu */
.art-nav .r
{
clip: rect(auto auto auto 883px);
}

/* end Menu */

/* begin MenuItem */
.art-menu a .r
{
clip: rect(auto auto auto 404px);
}
/* end MenuItem */

/* begin Layout */
div.art-content-layout
{
display: block;
zoom: 1;
overflow: hidden;
}
/* end Layout */

/* begin Box, Block, VMenuBlock */
.art-vmenublock-tl
{
clip: rect(auto 13px 13px auto);
}

.art-vmenublock-tr
{
clip: rect(auto auto 13px 13px);
}

.art-vmenublock-bl
{
clip: rect(13px 13px auto auto);
}

.art-vmenublock-br
{
clip: rect(13px auto auto 13px);
}

.art-vmenublock-tc
{
clip: rect(auto auto 13px auto);
}

.art-vmenublock-bc
{
clip: rect(13px auto auto auto);
}

.art-vmenublock-cr
{
clip: rect(auto auto auto 13px);
}

.art-vmenublock-cl
{
clip: rect(auto 13px auto auto);
}

.art-vmenublock-body
{
zoom: 1;
}
/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.art-vmenublockheader .r
{
clip: rect(auto auto auto 876px);
}
/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */

.art-vmenublockcontent-body
{
zoom: 1;
}

.art-vmenublockcontent-body
{
zoom: 1;
}
/* end Box, Box, VMenuBlockContent */

/* begin VMenuItem */
ul.art-vmenu .art-vmenu-separator, ul.art-vmenu .art-vmenu-separator-span, ul.art-vmenu li.art-vsubmenu-separator, ul.art-vmenu .art-vsubmenu-separator-span
{
zoom: 1;
overflow: hidden;
float: left;
width: 100%;
}

.art-vmenu ul, .art-vmenu li
{
zoom: 1;
}

ul.art-vmenu a .r
{
clip: rect(auto auto auto 901px);
}
/* end VMenuItem */

/* begin Box, Block */
.art-block-tl
{
clip: rect(auto 13px 13px auto);
}

.art-block-tr
{
clip: rect(auto auto 13px 13px);
}

.art-block-bl
{
clip: rect(13px 13px auto auto);
}

.art-block-br
{
clip: rect(13px auto auto 13px);
}

.art-block-tc
{
clip: rect(auto auto 13px auto);
}

.art-block-bc
{
clip: rect(13px auto auto auto);
}

.art-block-cr
{
clip: rect(auto auto auto 13px);
}

.art-block-cl
{
clip: rect(auto 13px auto auto);
}

.art-block-body
{
zoom: 1;
}
/* end Box, Block */

/* begin BlockHeader */
.art-blockheader .r
{
clip: rect(auto auto auto 876px);
}
/* end BlockHeader */

/* begin Box, BlockContent */

.art-blockcontent-body
{
zoom: 1;
}
/* end Box, BlockContent */

/* begin Button */
.art-button-wrapper .r
{
clip: rect(auto auto auto 398px);
}
/* end Button */

/* begin Box, Post */
.art-post-tl
{
clip: rect(auto 13px 13px auto);
}

.art-post-tr
{
clip: rect(auto auto 13px 13px);
}

.art-post-bl
{
clip: rect(13px 13px auto auto);
}

.art-post-br
{
clip: rect(13px auto auto 13px);
}

.art-post-tc
{
clip: rect(auto auto 13px auto);
}

.art-post-bc
{
clip: rect(13px auto auto auto);
}

.art-post-cr
{
clip: rect(auto auto auto 13px);
}

.art-post-cl
{
clip: rect(auto 13px auto auto);
}

.art-post-body
{
zoom: 1;
}
/* end Box, Post */

/* begin PostContent */
.art-postcontent
{
height: 1%;
}
/* end PostContent */

/* begin LayoutCell, content */
div.art-sidebar2
{
width: auto;
}

div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell
{
display: block;
overflow: hidden;
float: left;
clear: right;
margin-bottom: -32000px;
padding-bottom: 32000px;
}

div.art-layout-cell div.art-layout-cell
{
float: none;
clear: both;
margin-bottom: 0;
padding-bottom: 0;
}/* end LayoutCell, content */