Firefox double length for myspace player positionning Options

[twita]

Hi all,

I've noticed a problem on different myspace design using div layout I've done.

The myspace player in position:absolute; is no longer at the right position.

This problem was not there before thus my designs were ok on every browser.
In fact this problem is concerning Firefox 2.0 and 3.0 (mac and PC) and IE6.
There is no problem on Safari and IE7.
It suddenly appears yesterday.

I've identified from where comes the mispositionning but I really don't know how to solve it.
It seems that Firefox double every value concerning the positionning of the myspace player. I mean, "px, pt, cm, mm" used with top: and left: positionning or margin.

On the screenshot here, the player is on "position:absolute; top:10px; left:0;"
As you can see, it's ok on IE7 but on FF the value is 20px!

click to enlarge

I don't think the problem is coming from my code, but more from myspace.
So I was wondering if you had any other way to put the myspace player correctly on every browser ? Considering I don't want to use "%" because i want the player to stay in it's place if the window goes bigger.

Or do you know anything about this bug ?

here's the code in "About me"

CODE

<style>
div div table div {display:none;} .clearfix table div div {display:block;}
div td, div tr, div table {background-color:transparent !important;}
.profile {display:none !important; }

.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,tr{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}
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;}

table tr td div font {display: none;}

table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>
</style>

And "Who I'd like to meet"

CODE

<style>
body,table, td, li, p, div, textarea
{font-family:"Trebuchet MS",helvetica,"lucida grande",arial,helvetica,"sans serif"; font-size:11px; color:444444; font-weight:none; line-height:normal;}
body
{background-image:url(http://www.twita.fr/GMD/img/bodyTop.jpg);
background-attachment:no-fixed;
background-color:F4F3D6;
background-repeat:repeat-x;
}

table div object {position:absolute; top:10px; left:0; z-index:2; padding:0; margin:0;}


form{float:left; padding:10px 0 0 10px; margin:0 0 10px 0;}
legend {font-size:1.3em; color:2491A6; font-weight:bold; float:left;}
textarea.Skem9box {width:780px; height:80px; margin:0 0 10px 0; padding:2px; color:666666;font-size:11px;font-family:"Trebuchet MS",helvetica,"lucida grande",arial,helvetica,"sans serif";background-color:C7F4FA; border:0px;}
input.Skem9sub {color:ffffff;font-family:"Trebuchet MS",helvetica,"lucida grande",arial,helvetica,"sans serif";background-color:CEDE62; border:0px; font-weight:bold; text-transform:uppercase;}

cont a {color:2491A6; text-decoration:none; }
cont a:hover{text-decoration:underline;}
.text {font-family:"Trebuchet MS",helvetica,"lucida grande",arial,helvetica,"sans serif"; font-size:11px;
color:444444; font-weight:none}

.title {
color: ffffff;
font: 20px arial;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -3px;
padding: 0px;
background-color: transparent;}

.header ul{padding:121px 20px 0 25px;}
.header li{float:left; list-style:none; text-transform:uppercase; font-weight:bold; background:url(http://www.twita.fr/GMD/img/bg_menu_tab_right.gif); background-repeat: no-repeat; background-position: right top;}
.header a{color:878876; display:block; background:url(http://www.twita.fr/GMD/img/bg_menu_tab_left.gif); background-repeat: no-repeat; padding:5px 15px;}
.header a:hover{color:2491A6; text-decoration:none; }

.container{width:850px; margin:0 0 0 20px; float:left; background-color:FFFFFF; display:inline;}



.pageLeft{width:545px; float:left; margin:0 0 10px 0;}
h2{width:535px; height:13px; background:url('http://www.twita.fr/GMD/img/bg_h2.gif'); background-repeat:no-repeat; text-transform:uppercase; line-height:100%; font-size:1.2em; color:FFFFFF; padding:6px; margin:0 0 5px 0; float:left;}
h3{font-size:1.3em; color:2491A6;}
.blocContent{width:535px; float:left; margin:10px 0 10px 10px;}
.cont{ border-color:66C5D8; border-style:dotted; border-width:1px; margin:0 0 5px 0; width:520px; padding:5px; float:left; background-color:FFFFFF;}
.blocContent .cont p a {color:2491A6; text-decoration:none; }
.blocContent .cont p a:hover{text-decoration:underline;}
.blocContent img{width:90px; padding:0;}
.blocContent dl{margin: 0; padding: 0; color:444444; float:left; padding:0 10px 10px 10px; width:100px;}
.blocContent dt{margin: 0; padding: 0; width:80px; color:2491B1; font-weight:bold; text-align:center;}
.blocContent dd{margin: 0; padding: 0;}
.blocList {width:510px; list-style:none;}
.blocList li{float:left;}

.pageRight{width:260px; float:left;}
h2.right{width:260px; height:13px; background:url('http://www.twita.fr/GMD/img/bg_h2_right.gif'); background-repeat:no-repeat; text-transform:uppercase; line-height:100%; font-size:1.2em; color:FFFFFF; padding:6px; margin:0 0 5px 0; float:left;}
.blocContent2{width:245px; float:left; padding:0 0 0 15px; margin:0 0 10px 0;}
.cont2{border-color:66C5D8; border-style:dotted; border-width:1px; margin:0 0 5px 0; width:245px; padding:5px; float:left; background-color:FFFFFF;}
.pageRight img {margin:0 0 5px 0;}
.blocContent3{width:820px; float:left; margin:10px 0 0 10px; padding:0 0 10px 0;}
.cont3{ border-color:66C5D8; border-style:dotted; border-width:1px; margin:0 0 5px 0; width:800px; padding:5px; float:left; background-color:FFFFFF;}


.contact{background-color:2491a6; margin:10px 0 10px 15px; width:256px; padding:3px; float:left; display:inline;}
.contact_border{border-color:FFFFFF; border-style:dotted; border-width:1px; padding:5px; width:245px; float:left;}
.contact h3{color:FFFFFF;}
.contact li{float:left; display:inline; padding:5px 0 0 10px; list-style:none;}
.contact li.spe{width:160px;}

.contact a, .contact a:link, .contact a:active, .contact a:visited {color:FFFFFF; text-transform:uppercase; font-size:12px; font-weight:bold; background:url('http://www.twita.fr/GMD/img/ico_link.gif'); background-repeat: no-repeat; padding:0 0 0 20px;}
.contact a:hover{color:FFFFFF;}

.footer{background:url('http://www.twita.fr/GMD/img/homeFooterBG.jpg'); background-repeat:no-repeat; color:9E9D87; font-size:11px; height:60px; width:890px; position:relative; float:left; padding:10px 0 0 80px;}
.copyright{font-size:10px; padding-top:5px; color:444444;}

div {
font-family: arial;
color : ffffff;
font-size : 8pt;
letter-spacing:0pt;
text-align: justify;
background-color: transparent;
border: 0px solid 000000;}

strong, b {font-weight: bold; color:444444;}

a{font-family:"Trebuchet MS",helvetica,"lucida grande",arial,helvetica,"sans serif"; font-size:11px;
color:444444;background-color:transparent;}
a:link{color:444444;font-weight:none;font-family:arial}
a:active{color:444444;font-weight:none;font-family:arial}
a:visited{color:444444;font-weight:none;font-family:arial}
a:hover{color:444444;font-weight:none;font-family:arial}

a.man{font-family:arial; font-size:8pt;
font-weight:normal;background-color:transparent;}
a:link{color:444444;font-weight:none;font-family:arial}
a:active{color:444444;font-weight:none;font-family:arial}
a:visited{color:444444;font-weight:none;font-family:arial}
a:hover{color:444444;font-weight:none;font-family:arial}
</style>


<div class="bg" style="position: absolute; left:205px; top:115px; width:890px; height:1200px; overflow: hidden;">

<div class="header" style="position: absolute; left:0; top:0; width:890px; height:150px; background-image:url(http://www.twita.fr/GMD/img/header2.jpg); background-repeat:no-repeat;">
<ul>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" target="_blank">Mon Myspace</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vYnJvd3NldXNlcnMubXlzcGFjZS5jb20vQnJvd3NlL0Jyb3dzZS5hc3B4" target="_blank">Parcourir</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vc2VhcmNoLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWZpbmQ=" target="_blank">Rechercher</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vZm9ydW1zLm15c3BhY2UuY29tLz9mdXNlYWN0aW9uPWZvcnVtcy5ob21l" target="_blank">Forums</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vbXVzaWMubXlzcGFjZS5jb20v" target="_blank">Musique</a></li>
<li><a href="http://vids.myspace.com/" target="_blank">Vidéo</a></li>
</ul>
</div>
<div class="mainContent" style="position: absolute; left:0; top:150px; width:890px; ">
<div class="content" style="position: absolute; left:0; top:0; width:890px; background-image:url('http://www.twita.fr/GMD/img/homeBg.jpg'); background-repeat:repeat-y;background-color:ffffff; color:444444;">
<div class="container">
<div class="pageLeft">
<div class="blocContent">
<h2>Présentation</h2>
<div class="cont">
<h3>Notre truc</h3>
<p>Goute Mes Disques pourrait bien, si tant est que la musique vous intéresse, ponctuer durablement vos balades sur l'Internet. Construit sur les cendres du webzine pionnier qu'était Liability, GMD poursuit sa quête d'une ligne éditoriale toujours plus riche et variée. Électro, pop et rock d'abord, hip-hop, jazz et expérimental ensuite, toute l'actualité musicale – mainstream comme underground – est passée au crible par notre équipe de plumes acérées et passionnées. Il ne vous reste plus qu'un pas à faire, et ceci à une seule adresse : <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmdvdXRlbWVzZGlzcXVlcy5jb20=" title="gouteMesDisques" class="link" target="_blank">www.goutemesdisques.com</a></p>

</div>
<div class="cont">
<h3>Qui nous aimerions rencontrer ?</h3>
<p>Les musico-dépendants, bien sûr, mais également les artistes ou groupes souhaitant faire parler d'eux.</p>
</div>
</div>
<div class="blocContent">
<h2>Les amis</h2>
<div class="cont">
<ul class="blocList">
<li>
<dl>
<dt>Warp Records</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=95910800" target="_blank"><img src="http://b7.ac-images.myspacecdn.com/00971/71/10/971040117_s.jpg" /></a></dd>
</dl>
<dl>
<dt>Des chibres et des lettres</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=435928608" target="_blank"><img src="http://c3.ac-images.myspacecdn.com/images02/58/s_9379345c34ec441a98f963ace86928da.jpg" /></a></dd>
</dl>
<dl>
<dt>Radiohead</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=215759866" target="_blank"><img src="http://a402.ac-images.myspacecdn.com/images01/104/s_59784ed11be7b19accae1e6677b303b1.jpg" /></a></dd>
</dl>
<dl>
<dt>Daft Punk</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=11310518" target="_blank"><img src="http://a37.ac-images.myspacecdn.com/images01/57/s_326b829eaa1ade4a3078d4542df94564.gif" /></a></dd>
</dl>
</li>
<li>
<dl>
<dt>Yo la Tengo</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=91362837" target="_blank"><img src="http://b0.ac-images.myspacecdn.com/00917/09/49/917479490_s.jpg" /></a></dd>
</dl>
<dl>
<dt>Cos</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=101572960" target="_blank"><img src="http://b6.ac-images.myspacecdn.com/01102/69/30/1102320396_s.jpg" /></a></dd>
</dl>
<dl>
<dt>Julien</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=105655829" target="_blank"><img src="http://a474.ac-images.myspacecdn.com/images01/93/s_170492cd019d9b6055be364d8cd88921.jpg" /></a></dd>
</dl>
<dl>
<dt>Gangstarr</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=89922373" target="_blank"><img src="http://b4.ac-images.myspacecdn.com/01396/49/90/1396530994_s.jpg" /></a></dd>
</dl>

</li>
<li>
<dl>
<dt>Coldplay</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=2951183" target="_blank"><img src="http://a666.ac-images.myspacecdn.com/images01/7/s_76fc988538a27b6cb85cad991aec2719.jpg" /></a></dd>
</dl>
<dl>
<dt>Laurent Garnier</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=420689242" target="_blank"><img src="http://c2.ac-images.myspacecdn.com/images02/21/s_a96fc913d42e4d80b0845ca5e11ae8f1.jpg" /></a></dd>
</dl>
<dl>
<dt>Weezer</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=4888648" target="_blank"><img src="http://a764.ac-images.myspacecdn.com/images01/71/s_d043df96909251b00f347660709acfe3.jpg" /></a></dd>
</dl>
<dl>
<dt>Kanye West</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=9347892" target="_blank"><img src="http://c3.ac-images.myspacecdn.com/images02/8/s_b4ae3bb0a7ce448895ce3bd1641eed9e.jpg" /></a></dd>
</dl>


</li>
<li>
<dl>
<dt>Justice</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=19700933" target="_blank"><img src="http://c1.ac-images.myspacecdn.com/images02/41/s_16ada7d4d3fd4dc6a812faec63b523b4.jpg" /></a></dd>
</dl>
<dl>
<dt>Sonic Youth</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=31545506" target="_blank"><img src="http://b4.ac-images.myspacecdn.com/00344/41/72/344942714_s.jpg" /></a></dd>
</dl>
<dl>
<dt>fennesz</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=77288849" target="_blank"><img src="http://b3.ac-images.myspacecdn.com/00728/39/42/728932493_s.jpg" /></a></dd>
</dl>
<dl>
<dt>Apparat</dt>
<dd><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=161826275" target="_blank"><img src="http://c4.ac-images.myspacecdn.com/images02/61/s_b44a410a940240c6a1ef353cc77eeb0f.jpg" /></a></dd>
</dl>


</li>
</ul>

</div>
</div>
</div>
<div class="pageRight">



<div class="contact">
<div class="contact_border">
<h3>Contactez nous sur MySpace !</h3>
<ul>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xNDQ4Mjc2NzYmTXlUb2tlbj1hYmU2YmEzMi02ZDFhLTQzMjYtYTMxYy00N2NkY
NjNDM3MWM=" target="_blank">E-mail</a></li>
<li class="spe"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNDQ4Mjc2NzY=" target="_blank">Ajouter à mes amis</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD0xNDQ4Mjc2NzY=" target="_blank">Photos</a></li>
<li><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xNDQ4Mjc2NzYmTXlUb2tlbj1kYzZj
TRkNS01MjQwLTQ4MGEtYmY0ZC1mZTUyYjY1NWYwYzE=" target="_blank">Commenter</a></li>
</ul>
</div>
</div>
<div class="blocContent2">
<p>Suite à un problème technique le player myspace prend quelques vacances mais reviendra très bientot</p>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmdvdXRlbWVzZGlzcXVlcy5jb20vY29udGFjdC8=" target="_blank"><img src="http://www.goutemesdisques.com/uploads/pics/contact.gif" style="margin:60px 0 5px 0;" border="0" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmdvdXRlbWVzZGlzcXVlcy5jb20vZXF1aXBlLw==" target="_blank"><img src="http://www.goutemesdisques.com/uploads/pics/team.gif" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmdvdXRlbWVzZGlzcXVlcy5jb20vZm9ydW0v" target="_blank"><img src="http://www.goutemesdisques.com/uploads/pics/forum.gif" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lmxhc3RmbS5mci9ncm91cC9HbyVDMyVCQnRlK01lcytEaXNxdWVz" target="_blank"><img src="http://www.goutemesdisques.com/uploads/pics/lastFm.gif" border="0" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9Hb3V0ZS1NZXMtRGlzcXVlcy8zOTkzNTY5NDk1
w==" target="_blank"><img src="http://www.goutemesdisques.com/uploads/pics/facebook.gif" border="0" /></a>
</div>
</div>

</div>
<div class="footer">
<div class="copyright"> copyright <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmdvdXRlbWVzZGlzcXVlcy5jb20=" target="_blank">goûteMesDisques</a>, intégration MySpace <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnR3aXRhLmZy" target="_blank">twita.fr</a> </div>
©2003-2008 MySpace.com. Tous droits réservés.
</div>
</div>

</div>


</div>

Here's the profile but I've put the player on "display:none;" until I correct the bug.
http://www.myspace.com/goutemesdisques


I hope you could help me!

Regards

Reason for edit: Please use [codebox] instead of [code] tags when posting long codes and [thumb] instead of [img] tags when posting large images. - Mike

[Mickey]

Cool. Topic closed & moved.