Hiding profile... please help. Options

[darkschneider]

Using hide profile from Scripts section. [ Hiding your profile V.2(Mozilla Firefox) ]

http://www.createblog.com/scripts/download.php?id=368

No other code is being used. Can't remove gray bar!

[darkschneider]

It didn't work. Here is a link as well for my screenshot. I appreciate any help though. I guess I am going to try to cut it all out from scratch rather than a code snippet from somewhere. Every code I use does not work, They all look great in IE, but not firefox. It's important because alot of my friends use firefox as well as I.

Screenshot


Here is the code:
I am shrinking the profile as well so I don't have the horizontal scrollbar on the page.

<style type="text/css">

NOTE {SHRINK PROFILE.}
table {width:350px;}

NOTE {SPACE ABOVE PROFILE}
body {margin-top:100px;}

NOTE {HIDE SEARCH BAR}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

NOTE {HIDE PROFILE}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{
display: none;
height: 0px;!important;
visibility: hidden;
}
td td td td{
border: 0px;
width: 0px;
text-align: left;
}
table,td{
padding: 0px;
width:;
background-color: transparent;
}
table table table{
padding: 1px;
height: .01%;
width: 100%;
}
table table,table table table table,table,tr,td{
height: 0px;!important;
border: 0px;!important;
}
a.text,table div font a,table div div,.navbar font,tr td font{
visibility: hidden;
display: none;
height: 0px;!important;
}
table table table table,table table table table td.text, td.text td.text table{
display: none;
}
td.text table table{
display: inline;
visibility: visible;
}
table td table tr td.text table{
visibility: hidden;
}
table td table tr td.text table table,table td table tr td.text table table td.text{
visibility: visible;
}

NOTE {BODY - MAIN DIV LAYOUT}
body {
background-color: white;
}
</style>