friends name appearing vertical in IE Options

[alias5731]

Here's a screenshot of what I see with IE:

http://img98.imageshack.us/img98/2225/friendsio1.jpg


Any idea what's doing this in my codes?


I have a div band layout:

<style>
.contactTable *, .latestBlogEntry *, span form, td div, .blurbs .orangetext15, .lightbluetext8 .nametext {display:none;}
td.text div, div table div {visibility:visible; display:block}
table, tr, td, td td div {visibility:visible; border:0px; background-color:transparent;}

----- HIDE PROFILE PICTURE
table.H, .nametext, font strong{display:none;}
table table table table td.text img {display:none;}
table table p table table td.text img, table table td.text table table td.text img {display:block;}

table, td {height:auto !important; }
table table br {display:none}
table table td.text br, table table p td br {display:inline; line-height:13px}
p {margin-top:-13px;}




----- RESIZE PICS IN COMMENTS
table table table table table img {max-width:300px;} html table table table table table img {width:200px !important;} table table table table table a img {width: auto !important}

----

img, a img {
border-width:3px;
border-style:solid;
border-color:000000;}


-----


.note {keep any third party objects in static position}
div object {position:static; margin:0px!important;}

div.myComments {
position:absolute;
width:600px;
height:450px;
overflow:auto;
background-color:transparent;
top:1470px;
left:330px;
}



.whitetext12,.orangetext15,
.blacktext12,
.lightbluetext8,strong .nametext, div b font font,
div font font u{display:none;}





body table tr table tr td.text table tr td.text table tr td table tr td { font-size: 11px; font-family:comic sans MS; color:white;}

.friendSpace .orangetext15 {display:none; color:black;}
.friendSpace .btext {color:black;}
.friendSpace .redbtext {color:red;}
.friendspace .redlink {color:black!important;}
.friendspace .redlink:hover {color:red!important;}
.friendspace td td td td a {color:black; width:3px;}
.friendspace td td td td a:hover {color:red;}

.friendsComments .orangetext15 {color:red;}
.friendsComments td.text td b {display:none; color:black;}
.friendsComments td.text td b .redtext {color:red;}
.friendsComments td.text td b a {color:black;}
.friendsComments td.text td b a:hover {color:black;}
.friendsComments td.text td td a {color:black;}
.friendsComments td.text td td a:hover {color:grey;}
.friendsComments .blacktext10 {color:red;}
.friendsComments td.text td td {color:black;}
.friendsComments td td a {color:black;}
.friendsComments td td a:hover {color:gray;}




div.myDiv {
position:relative;
margin:auto;
width:750px;
background-color:transparent;
width:910px;
height:2000px;
top:-60px;
right:180px;
background-repeat:repeat;
}


div.about {
position:absolute;
height:300px;
width:186px;
left:600px;
top:675px;
padding:2px;
font-family:comic sans MS;
font-size:11px;
line-height:12px;
color:000000;
letter-spacing:0px;
text-align:left;
overflow:auto;
z-index:1;
}


div.updates {
position:absolute;
height:450px;
width:300px;
left:170px;
top:1100px;
padding:2px;
font-family:comic sans MS;
font-size:11px;
line-height:12px;
color:000000;
letter-spacing:0px;
text-align:left;
overflow:auto;
z-index:1;
}



div.calendar {
position:absolute;
height:300px;
width:186px;
left:600px;
top:1100px;
padding:2px;
font-family:comic sans MS;
font-size:11px;
line-height:12px;
color:000000;
letter-spacing:0px;
text-align:left;
overflow:auto;
z-index:1;
}

.note {body; is where you can set your body background looks like}
body {
background-color:000000;
background-image:url();
background-attachment:fixed;
background-position:top;
background-repeat:repeat;
}

td td.text object {
position:absolute;
top:830px;
left:320px;
}

table table td.text object,
table table td.text embed {width:350px; height:300px;}

.note {keep any third party objects in static position}
div object {position:static; margin:0px!important; width:auto; height:auto}


.a {hide top search bar}
div div select, div div form {display:none !important;}


.message {display:block;width:76px;height:24px; background-color:transparent; background-image:url("http://i29.tinypic.com/2mr5wde.png"); background-repeat:no-repeat; position:absolute; top:163px; left:74%;}

.add {display:block;width:34px;height:20px; background-color:transparent; background-image:url("http://i25.tinypic.com/34s2is2.png"); background-repeat:no-repeat; position:absolute; top:187px; left:76%;}

.pictures {display:block;width:77px;height:30px; background-color:transparent; background-image:url("http://i28.tinypic.com/2hyxlzc.png"); background-repeat:no-repeat; position:absolute; top:215px; left:74%;}

.flist {display:block;width:44px;height:27px; background-color:transparent; background-image:url("http://i26.tinypic.com/6pxaas.png"); background-repeat:no-repeat; position:absolute; top:244px; left:76%;}


---HIDE GENERAL INFO
table td.text {visibility:hidden;}
td.text td, td.text span, td.text a {visibility:visible;}




table td table td table td table td div { display: none; }


</style>



<div class="myDiv"><img src="http://img155.imageshack.us/img155/2826/manudivlargelongcopycl9.jpg"/></img>


<div class="about"><b>I am Manu, 21, french, rocker. </b><br><br>You will find on this website a few of my personal compositions.<BR>
I have always been passionate about music, but I have started only a couple of years ago playing guitar & composing. This is just the beginning!<BR><BR>

My music is influenced by all sorts of artists, from country music to metal. I do not pretend this sounds like any of my favorites; I just deal with what I have and I hope you will enjoy it! <BR><BR>

I am actually attenting a business school but I hope to produce nice things again in a close future. Check the updates!
</div>

<div class="updates"><b>● 04/02/2008:</b> Going to record songs in studio in a little while so I will finally be able to upload them.
4 songs are written so far.<br><br>


<b>● 01/31/2008:</b> Lorem ipsum dolor sit amet, consectetuer adipisci elit. Distinguique non non quaeque epicuri alii referri istam, ipsa tamen scribimus, gaudere.. Et improbe vel et fabulis signiferumque, molestiae ...
</div>


<div class="calendar"><b>● 04/03/2008:</b> BDA voters night. Will perform at the Byron Bay 33 000 Bordeaux FR.<br><br>

<b>● 14/07/2008:</b> Performance during the Gigantour.</div>


<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="flist"></a>



<div class="myComments"></div>


</td></tr></table> </td></tr></table> <table><tr><td> <div class="myComments"> <table><tr><td> <table><tr><td> <table><tr><td> <table style="display:none"><tr><td> <table><tr><td>


</div>





</table></tr></td></style></span>

[Melie]

it's your section for resizing your friends' pic. because you gave it a specific width, it forced the links to adjust as well to it.

i would suggest replacing your resizing for your friends' pic with this code and see what happens.

CODE

table table table table table img {max-width:300px;} table table table table table a img {width: auto !important}