Help Removing Tiny Box? Options

[Mind of Molina]

In this picture, you can see that there's a weird little black box pushing my search bar down.
It's somewhere in this code but idk what it is right now.
Can anyone help without messing up my layout?
Here's the picture: http://img211.imageshack.us/img211/472/whaaatlo9.jpg

CODE

<style>
body {
background-color:000000;
background-image:url(""); background-repeat:no-repeat; background-position:top left; background-attachment:fixed;}
</style>

<style>td, a, body, table, body, td, li, p, div, li, h1, h2, p, br, .text, textarea, input, .blacktext12, .btext, .lightbluetext8, a:link, a:active, a:hover, a:visited, .orangetext15,.whitetext12, .redtext, .redbtext{text-transform:lowercase;font-family:arial;font-size:11px;line-height:10px; text-decoration:none;color:000000;}.friendsComments .orangetext15 {padding-left:9px;}input, textarea {border:1px solid black;color:ffffff;line-height:10px;font-family:century gothic;font-size:9px;letter-spacing:1px;}a.navbar:link, a.navbar:active, a.navbar:visited {text-transform:lowercase; font-family:arial;font-size:11px;color:ffffff;letter-spacing:1pt;font-weight:normal;text-decoration:none;line-height:13px;}a.navbar:hover {text-transform:lowercase; font-family:arial;font-size:11px;color:ffffff;letter-spacing:1pt;font-weight:normal;text-decoration:none;line-height:13px;}a:hover {cursor:crosshair;}br{line-height:2px;} table, tr, td {height:0px;padding:0px;border:0px;}tr { background-color:transparent; }.extendednetwork table, .extendednetwork tr, .extendednetwork td{border:1px solid white;}.redlink, .friendSpace .btext { display:none;} .imgonlinenow { display:none;}</style>
</style>