Layout In IE = YUCKY, What's going on? Options

[niltimenikki]

IE just hates me no matter what I do. Here's the code:

CODE

<style type="text/css">
    body     {
            background-color:            FFFFFF;
            background-image:             url("http://img295.imageshack.us/img295/9360/background2tg1.jpg");
            background-repeat:             repeat;
            background-attachment:         fixed;
            }

table, td { background-color:transparent; border-style:none;}

table table table{width:100%;background-color:ffffff;border:5pt solid 363636;padding:1pt;}

table table table table{border-style:none;}

body, td, li, p, div, textarea, li, h1, h2, p, br {color:5a4b48; font-family:arial; font-size:11px}

.nametext {color: white; font-size:11pt; text-transform: uppercase; font-family: georgia; font-weight:bold; display:block; background-color: 363636;vertical-align: center; align: center; text-align: center;}

.text {color:000000; font-family:arial; font-size:11px}

.contactTable a {display:block; height:28px; width:115px;}

.r{}

.contactTable .text {font-size:1px !important;}

.whitetext12 {color:FFFFFF; font-family:georgia; font-size:8pt}

.lightbluetext8 {color: white; font-size:11px; font-family: arial; font-weight:bold; text-transform: uppercase; display:block; background-color: 363636; width:120 }

span.blacktext12 {color:FFFFFF; visibility:visible; background-color: FFFFFF;
background-repeat:no-repeat; background-position:center center; background-image: url('http://img463.imageshack.us/img463/7700/fotocliquenetworkcx1.jpg'); font-size:0px; width:460px; height:75px; display:block}

span.blacktext12 img {display:none; }

.btext  {display:none}

.orangetext15 {color:ffffff; font-family:georgia; font-size:8pt}

.blacktext10 {color: white; font-size:11px; font-variant: small-caps; font-family: arial; font-weight:bold; text-align:center; display:block; background-color: 363636; width:320}

.redtext {color: 5a4b48; font-family:arial; font-size:11px}

B {COLOR: 363636}

a:link {color:8f9278; font-size:11px; text-decoration: none; text-transform:uppercase; text-transform:none; }
a:active {color:8f9278; font-size:11px; text-decoration: none; text-transform:uppercase; text-transform:none; }
a:visited {color: 8f9278; font-size:11px; text-decoration: none; text-transform:uppercase; text-transform:none; }
a:hover {color:8f9278; font-size:11px; text-decoration: none; text-transform:uppercase; background-color: white; text-transform:none; cursor:n-resize; border-bottom:1pt dotted a0675a}

a:link img {border: 0pt solid black; filter: gray}
a:visited img {border: 0pt solid black; filter: gray}
a:hover img {border: 0pt solid black; filter: none}

a.navbar:link, a.navbar:visited {color:white; font-size:11px; text-transform:none}
a.navbar:active,a.navbar:hover{color:white; font-size:11px; background-color:363636}

table td div div font {visibility:hidden;}

td.text td.text table table table td a img {border:1pt solid black}

td.text td.text table table td a img {border:1pt solid black}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td a img {border:1pt solid black}
* html td.text td.text table table td div img {width:80px;}

</style>

Here's what it looks like (and what it should look like) in Mozilla:



Help?