Anyone Know Why....... Options

[stugots]

I want it to look like it does in FireFox in IE too!

In FireFox it looks like this...



But in IE it looks like this...




Here is my code...

CODE

<style type=text/css> .pimp_my_profile { }  table, tr, td { background-color:transparent; border:none; border-width:0px; } body { background-color:EE22AA; background-image:url(http://www.massconcerts.com/venues/nf13x.jpg); background-position:Center Left; background-attachment:fixed; background-repeat:repeat; scrollbar-face-color:000000; scrollbar-arrow-color:ffffff; scrollbar-track-color:000000; } table table { border:0px; } table table table table { border:0px; background-image:none; background-color:transparent; } table table table { border-style:Solid; border-width:2px; border-color:ffffff; background-image:url(http://content.pimp-my-profile.com/tp/000000-70-tp.png); background-repeat:repeat; } table, tr, td, li, p, div { color:ffffff; } .btext { color:ffffff; } .blacktext10 { color:ffffff; } .blacktext12 { color:ffffff; } .lightbluetext8 { color:ffffff; } .orangetext15 { color:ffffff; } .redtext { color:ffffff; } .redbtext { color:ffffff; } .text { color:ffffff; } .whitetext12 { color:ffffff; } a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link { color:ffffff; } a:hover, a.searchlinksmall:hover { color:ffffff; } a.navbar:active, a.navbar:visited, a.navbar:link { color:ffffff; } a.navbar:hover { color:ffffff; } a.redlink:active, a.redlink:visited, a.redlink:link { color:ffffff; } a.redlink:hover { color:ffffff; } .nametext { color:ffffff; } table table table td.text div img { visibility:hidden;} table table table td.text div { background-image:url(); background-repeat:no-repeat} table table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:none;; } .contactTable { width:300px!important; height:150px!important; padding:0px!important; background-image:url(http://img329.imageshack.us/img329/7513/contacttablect8.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;; }

Thanks!!!

[freeflow]

^ Don't double post. If you read the last post they tell you what to do.

Ok, for anyone who was wondering, I figured it out...... it's kinda cheap but whatever..... You create a image using fire works, photoshop, whatever, of a block of color X, and then change the transparency to whatever level you want. Then you take that picture and use it as the background for the tables, and voila!

[stugots]

^ Don't double post. If you read the last post they tell you what to do.

To my knowledge, that is what I am doing and I still cant get it to work in IE! Correct?