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>

[vintage-toile]

comment boxes are currently disabled on myspace anyway

[alias5731]

Really? I put an old layout back on myspace and the comment box is showing up just fine...

[vintage-toile]

they show up but they don't work at the moment.
or they aren't for me and lots of other people, i've seen loads of bulletins posted about it and its like :@ can we all read each others bulletins and see no ones are working!

so i wouldnt worry too much about that.

but what i wanted to point out was you don't need style tags for every portion of the code, a cleaner way is to style tag much larger sections which all combine together.

im rather confused about why it's not working, have you got alink to a working result to see where it could be?

[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.

[miyashu]

here is the new, updated code for the comment box.

CODE

<center>
<form action="http://comments.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX" method="post"><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /><input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" />

<textarea name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox" class="comtbox">why, hello there</textarea>
<input type="submit" class="button" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" value="Submit">
</center>

Replace the XXXXXX with your friendID.

[alias5731]

Okay I changed everything you guys said and there is no change :( I edited my first post with the URL.
http://www.myspace.com/camitest

[MissHygienic]

Your about me shows up fine?

Try this for the comment box. All I did was add, "z-index: 2":

CODE

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

[xTHExDUDEx]

You should try adding a z-index to ".about" as well.

Try "z-index:3;"

EDIT: Here's a little something I just posted in the scripts section if your comment box doesn't work once you get it to show up :)

[alias5731]

Your about me shows up fine?

Try this for the comment box. All I did was add, "z-index: 2":

CODE

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

Still not showing up ...