lots of firefox compatibility problem please help... Options

[ebonylaurels]

None of these problems occur in IE, and firefox is my only browser option because in safari it's even worse. Ok one major problem I have is the player for my xanga doesn't work in firefox and it's one I got from createblog. Also the player makes my xanga completely out of line in fire fox.Then all used links become HUGE and underlined. Also, my text is sapposed to change color if it's bold underlined or italic in the entries and all the ones entered from IE are like that but any entered from firefox aren't. I can't even begin to try and figure out why or what you would need to try and help me, so I'm going to post all of these.

Layout in header:

CODE

<font face="times new roman" size="5" color=#FAD5D1>♥I wish I knew what he's thinking,♥ <br><font color=#F5ABA3>♥every time he looks at me and smiles♥<br><style type="text/css">
/**/
/**/
table.navigation, table.search, #searchbar1_pnlyouarehere,    {display: none;}
body {
/**/
background-color:#F08275;
background-image:url("");
  background-position:bottom left;
  background-attachment:fixed;
  background-repeat:repeat;
scrollbar-arrow-color: #F5ABA3;
scrollbar-track-color: #F08275;
scrollbar-shadow-color: #F08275;
scrollbar-face-color: #F08275;
scrollbar-highlight-color: #F08275;
scrollbar-darkshadow-color: #F08275;
scrollbar-3dlight-color: #F08275;
}  

.left, blogbody, table.footer, .standard, leftmodulefontcolor, td, p {
/*Main Text*/
  color:#ffffff;
  font:normal 10px times new roman;
  text-transform:;
  text-align:center;
}
U {font-family: times new roman; color: #EB5847; letter-spacing:; font-size: 9px; font-style: border; border-bottom: 1pt dotted #ffffff;}
B, STRONG {font-family:times new roman; font-weight: bold; color: #EB5847; :none; font-size: 9px; letter-spacing:0pt}
i, EM {font-family:times new roman; font-weight: bold; color: #EB5847; :none; font-size: 11px;}


table.footer TD {
text-align: center;
}
div.blogheader, .caption {
/* Dates */
font-family:  times new roman;
text-transform: lowercase;
background-color:transparent;
font-size:25px;
font-weight:bold;
line-height: 20px;
letter-spacing: -1px;
color: #000000;
text-align: center;
padding: 3px;
width: 380px;
display: none;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* Links */
color: black;
  font:normal 10px times new roman;
  text-transform:;
line-height: 9px;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* visted */
color: black;
  font:normal 10px times new roman;
  text-transform:;
line-height:9px;
text-decoration: none;
}
a:hover {
/* mouseovers */
color: #EB5847;
  font:normal 10px times new roman;
  text-transform:;
text-decoration: none;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* dropdowns and buttons */
border: 0px solid #00B2EE;
  font:normal 10px times new roman;
  text-transform:;
background-color: #F5ABA3;
letter-spacing:0px;
color: #ffffff;

}
table.blogbody {
/* Blog */
border: 0px solid;
width: 260px;
background-color: #F5ABA3;

}
table.left {
/* menu module */
width: 150px;
background-color:#FAD5D1;
border: 0px solid;

}
table.left th {
/*left titles*/
  display:none;
}
table.left TD {
/* body of menu */
font:normal 9px times new roman;
color:#000000;
text-align: center;
border-top:0px;
width: 145px;
background-color:FAD5D1;

}
table.search TD, table.search, table.announcements {
/* search bar */
background-color: #FAD5D1;
background-image:url
border: 0px solid #000000;
}
table.search TD, table.announcements TH {
/* leave alone */
border: 0px solid #000000;
}
table.navigation, table.main, table.footer {
/* width of modules */
   width: 420px;
}
hr {
/* divider */
border: 2px solid #000000;
display:none;
}
.search, .searchbarborder, .footer, hr, banner{ display: none; }
</style>



<a href="http://www.xanga.com/mysticalxlayouts">layout</a> <a href="http://www.xanga.com">home</a> <a href="http://www.xanga.com/private/home.aspx">your's</a> <a href="http://www.xanga.com/signin.aspx">in && out</a>

Layout code in webstats:

CODE

<!-- RiGHTSiDE MODULES -->
<td id="customRight" style="display:none" vAlign="top">

<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="900" border="1">
<tr><th class="left" vAlign="top" align="center">
<B>♥ Cover Girl ♥ </B>
</th></tr>
<tr><td class="left" vAlign="top">


where all of my quotes usually are








</td></tr>
</table>
<br/>
<!-- module:end -->

</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
  index++;
  if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>

Player:

CODE

<!-- start code provided by createblog.com -->
<OBJECT ID="Player" height="0" width="0" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<PARAM NAME="uiMode" VALUE="invisible">
<PARAM NAME="Autostart" VALUE="False">
</object>

<FORM ID="form">

<SELECT ID="playlist" size="1">

<!-- Add song info that appears in drop down list here -->
<option value="0">Sugarloaf - Green Eyed Lady</option>
just leaving this one here as an example.


</SELECT>

<BR>
<BUTTON ID="BackButton" onClick="Back(forms['form'].playlist);"> << </BUTTON>
<BUTTON ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);"><FONT color="green">  Play  </FONT></BUTTON>
<BUTTON ID="NextButton" onClick="Next(forms['form'].playlist);"> >> </BUTTON>
<BUTTON ID="StopButton" onclick="Stop();"><FONT color="maroon">Stop</FONT></BUTTON>
<b><font size="3" color="black">Shuffle</font></b><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);" value="ON">

</FORM>
</CENTER>


<comment ID="PlayHTML"><FONT color="green">  Play  </FONT></comment>
<comment ID="ShuffleOnHTML"><INPUT TYPE=checkbox CHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment>
<comment ID="ShuffleOffHTML"><INPUT TYPE=checkbox UNCHECKED ID="ShuffleSwitch" onclick="ToggleShuffle(this);"></comment>


<script ID="Main" Language="JavaScript">

    var songs = new Array();

    //*******************************//
    //****** CHANGEABLE STUFF *******//
    //*******************************//
    
    var shuffle = false;  // false = shuffle off, true = shuffle on

    var autoStart = true;   // false = autoStart off, true = autoStart on
    
    var numberTracks = true;  // true = place track number in front of list items, false = no track numbers
    
    // Add song URLs here (make sure it matches up with the order you have for song info, and urls need quotes):
    
         songs[0]="http://www.freewebtown.com/ebonylaurels/Guess%20Who%20-%20Green-Eyed%20Lady.wma";      
    I'm just leaving this one here as an example...
    //*******************************//
    //*******************************//

// Initializations //
with (document){
    var length = forms['form'].playlist.length;

    if(numberTracks){
  for (var i = 0; i < length; i++){
      forms['form'].playlist.options[i].innerHTML = (i+1) + " - " + forms['form'].playlist.options[i].innerHTML;
  }
    }
    
    if (shuffle) {
  var randsg = Math.floor(Math.random()*songs.length);
  Player.url = songs[randsg];
  forms['form'].playlist.options[randsg].selected = true;
  forms['form'].ShuffleSwitch.outerHTML = ShuffleOnHTML.innerHTML;
    }

    else {
  forms['form'].ShuffleSwitch.outerHTML = ShuffleOffHTML.innerHTML;
  Player.url = songs[0];
    }

    if(autoStart){
  var snum = forms['form'].playlist.selectedIndex;
  if(Player.url != songs[snum]){
      Player.url = songs[snum];
  }
  Player.controls.Play();
    }
}

// Functions //
// Discription: "PlayPause" will toggle playing and pausing if the same song is still selected,
//              otherwise it will load the newly selected song
function PlayPause(list) {
    var snum = list.selectedIndex;
    
    if((Player.url == songs[snum] && Player.url != "") && Player.playState != 1){
  if(Player.playState == 3){
      Player.controls.Pause();
  }
  
  else {
      Player.controls.Play();
  }
    }

    else {
  Player.url = songs[snum];
  Player.controls.Play();
    }
}

// Discription: "Next" will move to the next music file if shuffle is off
//              otherwise it will load a random song. Calls PlayPause to start music.
function Next(list) {
    var snum = list.selectedIndex;
    if (!shuffle) {
  if (snum == list.length-1) {
      snum = -1;
  }
  snum++;
    }
    
    else {
  var temp;
  do{
      temp = Math.floor(Math.random()*songs.length);
  } while(temp == snum);
  snum = temp;
    }
    
    list.options[snum].selected = true;
    PlayPause(list);
}

// Discription: "Back" does the same thing as "Next" but moves backwads
//              through the list. If shuffle is on then picks a random song.
function Back(list) {
    var snum = list.selectedIndex;
    if (!shuffle) {
  if (snum == 0){
      snum = list.length;
  }
  snum--;
    }
    
    else {
  var temp;
  do{
      temp = Math.floor(Math.random()*songs.length);
  } while(temp == snum);
  snum = temp;
    }
    
    list.options[snum].selected = true;
    PlayPause(list);
}

// Discription: Self explanitory.
function Stop(){
    Player.controls.Stop();
}

// Discription: Makes the shuffle flag the same as the status of the CheckBox
//    The status of the checkbox (true/false) indicates if the box is checked
function ToggleShuffle(CheckBox) {
    shuffle = CheckBox.status;
}

</SCRIPT>

<script ID="StateChangeHandler" Language = "JavaScript" For = "Player" Event = playStateChange(NewState)>

// Description: This is an interupt handler used to handle instances when the
//              state of the player changes to play or stop for example.

//STATE.innerText = NewState;

switch(NewState){
    case 8:  // Handles player after it just finishes playing through a song
  var num = document.forms['form'].playlist.selectedIndex;
    
  if (!shuffle){
      if(num == document.forms['form'].playlist.length-1){
    num = -1;
      }
  
      num++;
  }
  else {
      var temp;
      do{
    temp = Math.floor(Math.random()*songs.length);
      } while(temp == num);
      num = temp;
  }
    
  document.forms['form'].playlist.options[num].selected = true;
    
  PreviousState = NewState;
  break;

    case 1: // Handles player after it stops
  if(PreviousState == 8){
      var num = document.forms['form'].playlist.selectedIndex;
      Player.settings.autoStart = true;
      Player.url = songs[num];
      PreviousState = NewState;
  }
  
  else if (PreviousState != 3 && PreviousState != 2){
      Player.controls.Play();
      Player.settings.autoStart = false;
  }
  
  else{
      forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;
  }
  break;

    case 3: // Handles player after it starts to play
  PreviousState = NewState;
  forms['form'].PlayPauseButton.innerHTML = "Pause";
  shuffle = document.forms['form'].ShuffleSwitch.status;
  break;

    case 2: // Handles player after being paused
  PreviousState = NewState;
  forms['form'].PlayPauseButton.innerHTML = PlayHTML.innerHTML;
  break;

    default:
}

</SCRIPT>
<!-- end code provided by createblog.com -->

My xanga without player