dropdown boxes not showing up with div layout Options

[alias5731]

My dropdown boxes and comment box aren't showing up on my div layout on FF and IE.
Dropdown boxes should be under the note image and under the tv image. Then, the comment box should be next to the comments on the right.

AND my "about me" div isn't showing up on IE but does on FF. Any ideas?


Here's my URL : http://www.myspace.com/camitest

Here are my codes:

In ABOUT ME:

<style>
.navigationbar {display:none;}
</style>


<style>
body {background-color:000000; background-image:url(""); background-repeat:no-repeat; background-

position:top;}
.image {background-color:transparent; width:941px; height:1000px; position:relative; margin:auto; top:-240px; right:200px; background-repeat:repeat;}
</style>


<Style>
table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}
table table table {border: 0px solid; border-color: transparent; background-color: transparent; }</style>

<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
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;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>


<style type=text/css>
.comments {visibility:visible; background-color:transparent; border:0px solid; position:absolute;}
.comments td {font-color: 000000; font-size: 8px; font-family: Arial;}
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a,

.comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10{display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}


<style>
a:link, a:visited {font-family:arial; font-size:12px; color:fdec40; letter-spacing:0px; text-transform:lowercase; line-height:12px; font-weight:normal;}
a:hover, a:active {font-family:vrinda; font-size:16px; color:9f2d29; letter-spacing:-1px; text-transform:uppercase; line-height:12px; font-weight:normal; text-decoration:none;}
</style>


<style>
b {font-family:vrinda; font-size:12px; color:000000; font-weight:bold; letter-spacing:0px; line-height:12px;}
u {font-family:arial; font-size:11px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px; text-decoration:underline;}
strike {font-family:arial; font-size:11px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px;}
big {font-family:vrinda; font-size:25px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px;}
small {font-family:arial; font-size:9px; color:000000; font-weight:normal; letter-spacing:0px; line-height:12px;}</style>


<style>
.home {display:block;width:201px;height:38px; background-color:transparent; background-image:url("http://i31.tinypic.com/io3oyu.png"); background-repeat:no-repeat; position:absolute; top:530px; left:670px;}
.home:hover {display:block;width:201px;height:38px; background-color:transparent; background-image:url("http://i28.tinypic.com/op9yxh.png"); background-repeat:no-repeat; position:absolute; top:530px; left:670px;}


.message {display:block;width:201px;height:33px; background-color:transparent; background-image:url("http://i25.tinypic.com/wkk70y.png"); background-repeat:no-repeat; position:absolute; top:568px; left:670px;}
.message:hover {display:block;width:201px;height:33px; background-color:transparent; background-image:url("http://i28.tinypic.com/1441ttg.png"); background-repeat:no-repeat; position:absolute; top:568px; left:670px;}

.add {display:block;width:201px;height:31px; background-color:transparent; background-image:url("http://i31.tinypic.com/vyfk3.png"); background-repeat:no-repeat; position:absolute; top:601px; left:670px;}
.add:hover {display:block;width:201px;height:31px; background-color:transparent; background-image:url("http://i30.tinypic.com/6rn0v6.png"); background-repeat:no-repeat; position:absolute; top:601px; left:670px;}

.pictures {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i25.tinypic.com/2nbxf9v.jpg"); background-repeat:no-repeat; position:absolute; top:632px; left:670px;}
.pictures:hover {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i27.tinypic.com/34sld7m.jpg"); background-repeat:no-repeat; position:absolute; top:632px; left:670px; }


.flist {display:block;width:201px;height:32px; background-color:transparent; background-image:url("http://i25.tinypic.com/jsj0nc.jpg"); background-repeat:no-repeat; position:absolute; top:666px; left:670px;}
.flist:hover {display:block;width:201px;height:32px; background-color:transparent; background-image:url("http://i31.tinypic.com/2u5xh09.jpg"); background-repeat:no-repeat; position:absolute; top:666px; left:670px; }


.journal {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i27.tinypic.com/553zw4.jpg"); background-repeat:no-repeat; position:absolute; top:698px; left:670px;}
.journal:hover {display:block;width:201px;height:34px; background-color:transparent; background-image:url("http://i28.tinypic.com/2n8oqko.jpg"); background-repeat:no-repeat; position:absolute; top:698px; left:670px;}


.flickr {display:block;width:201px;height:36px; background-color:transparent; background-image:url("http://i25.tinypic.com/9aqzig.png"); background-repeat:no-repeat; position:absolute; top:732px; left:670px;}
.flickr:hover {display:block;width:201px;height:36px; background-color:transparent; background-image:url("http://i27.tinypic.com/16p9nq.png"); background-repeat:no-repeat; position:absolute; top:732px; left:670px;}

</style>



<style>
.about {position:absolute; height:240px; width:186px; left:670px; top:150px; padding:2px; font-family:arial; font-size:11px; line-height:12px; color:000000; letter-spacing:0px; text-align:left; overflow:auto;}
</style>



<style type=text/css>
.comments {width:#px; overflow: none;}
.comments table {background-color: transparent;margin-top: -3px;}
.comments td {font-color: FFFFFF; font-size: 11px; font-family: tahoma;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:8pt;}
</style>


<style type="text/css">
.a {hide top search bar}
div div select, div div form {display:none !important;}
</style>



<style type="text/css">
td td embed, td td object { position: absolute; top: 0px; left: 0px; }
td td td embed, td td td object { position: static !important; }
</style>


<style>
.commentbox {position: absolute; right:500px; top:850px; width:300px; height:325px; overflow: auto; border:0px solid; border-color:000000; background-color:transparent;}
</style>


<style>
.musicbox {position: absolute; left:570px; top:270px; width:180px; height:150px; overflow: auto; border:0px solid; border-color:000000; background-color:transparent;}
</style>


<style>
.tvshows {position: absolute; left:570px; top:520px; width:180px; height:150px; overflow: auto; border:0px solid; border-color:000000; background-color:transparent;}
</style>

In WHO I'D LIKE TO MEET:

<div class="image"><img src="http://i29.tinypic.com/wtfyi1.jpg"/></img></img>

<div class="about">I'm Camille but it's pronounced Cami in french, so please remember it when you say my name :) I'm 21 and live in Paris, France.<br><br>
I'm a <b>law student</b> and I'm aspiring to become a criminal judge. wow. I know =P I'm not there yet though.
<br><br>
I'm a <b>globetrotter</b>; I love traveling, I would always hit the road if I could.
</br><br>
I'm also a huge artist in the heart: I love music (I play piano & guitar), I love going to gigs and I've always wanted to be in a band. I listen to lots of different music genres but I've got to say I'm a true

<b>rocker</b>.
<br><br>
I'm also a <b>photographer</b> wanna-be and I'm definitely going to work a lot more on my skills as soon as I have some time off university.
<br><br>
I also love <b>photoshopping</b> and CSS-ing, I'm getting better each time. Makes me feel proud :)
<br><br>
Then I love <b>TV shows</b>, what can I say: I'm addicted. /end.
<br><br>
And last but not least (gotta love that expression) I love reading <b>Heroic Fantasy</b>. It's my favorite genre.
<br><br>
</div>



<a href="http://www.msplinks.com/"class="home"></a>
<a href="http://www.msplinks.com/"class="add"></a>
<a
href="http://www.msplinks.com/"class="message"></a>
<a href="http://www.msplinks.com/"class="pictures"></a>
<a href="http://www.msplinks.com/"class="journal"></a>
<a href="http://www.msplinks.com/"class="flickr"></a>
<a href="http://www.msplinks.com/"class="flist"></a>


<div class="commentbox">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="362025988" type="hidden"><textarea name="f_comments" cols="40" rows="7" style="border-width: 2px; border-style: solid; border-color: bfbbb6; font-family: ARIAL; font-size: 10px; color: 000000;
background-color: transparent;"style="overflow:auto;">COMMENT HERE</textarea><br> <input value="add comment"style="border-width: 2px; border-style: solid; border-color: bfbbb6; font-family: ARIAL; font-size: 10px; color: 000000; background-color: transparent;" type="submit"> <input value="clear" style="border-width: 2px; border-style: solid; border-color: bfbbb6; font-family: ARIAL; font-size: 10px; color: 000000; background-color: transparent;" type="reset"></form>
</div>

<div class="musicbox">
<select style="color:000000; background-color:E0E0E0; font-family:small fonts; text-transform:uppercase; letter-spacing:1px; font-size:7.5px; width:150px; height=9px;">
<option selected>Music</option><br>
<option>AC/DC</option>
<option>Atmosphere music</option>
<option>Bjork</option>
<option>Blind Guardian</option>
<option>Celtic music</option>
<option>Dance music</option>
<option>Foo Fighters</option>
<option>Hole</option>
<option>Jack Johnson</option>
<option>Jose Gonzalez</option>
<option>Led Zeppelin</option>
<option>Marilyn Manson</option>
<option>Megadeth</option>
<option>Metallica</option>
<option>Movie soundtrack</option>
<option>Nirvana</option>
<option>Noir Desir</option>
<option>Pearl Jam</option>
<option>Pink Floyd</option>
<option>Rachmaninov</option>
<option>Rodrigo y Gabriela</option>
<option>Seether</option>
<option>...</option>
</select>
</div>


<div class="tvshows">
<select style="color:000000; background-color:E0E0E0; font-family:small fonts; text-transform:uppercase; letter-spacing:1px; font-size:7.5px; width:150px; height=9px;">
<option selected>TV shows</option><br>
<option>Queer As Folk (US)</option>
<option>Dexter</option>
<option>The L Word</option>
<option>The Office (US)</option>
<option>Skins</option>
<option>E.R</option>
<option>Prison Break</option>
<option>Californication</option>
<option>House MD</option>
<option>Ugly Betty</option>
<option>Veronica Mars</option>
<option>CSI Miami</option>
<option>CSI</option>
<option>Heroes</option>
<option>...</option>
</select>
</div>


<div class="comments" style="overflow:auto; width: 470px; height:234px; position: absolute; top:820px; left:100px;"><center><table><table><td><table></center></div>

</div>

[xTHExDUDEx]

Check all of your opening and closing tags.

Make sure your CSS opening tags are

CODE

<style type="text/css">

Also check that you close each opening tag, I just put all my CSS in one tag, solved.

Make sure your divs are being closed as well.

You have 2 img closing tags on

CODE

<div class="image"><img src="http://i29.tinypic.com/wtfyi1.jpg"/></img></img>

There is white space in the middle of this CSS clipping:

CODE

<style>
body {background-color:000000; background-image:url(""); background-repeat:no-repeat; background-

position:top;}
.image {background-color:transparent; width:941px; height:1000px; position:relative; margin:auto; top:-240px; right:200px; background-repeat:repeat;}
</style>

Let us know how it is after you sort these things.