Firefox issues with Just Dream theme Options

[protegechris]

I'm using the just dream theme on my xanga.. usually I just make my own but I'm past caring ;)

Anyhow, if you look now:
http://www.xanga.com/protegechris

If you'll check it out in IE and then FF, you'll see the issue. Something overlooked kills firefox, leaving IE alone.. anyone willing to take a peek, I'd appreciate it :)

The theme looks fine in FF if the player is put before the actual theme code -- not where I want it though.

CODE

<!-- start code provided by createblog.com -->
<style type="text/css">

#pnlEnabled table, .htmleditor {
width:100% !important; }

BODY {
scrollbar-face-color: #383838;
scrollbar-shadow-color: #383838;
scrollbar-highlight-color: #383838;
scrollbar-3dlight-color: #383838;
scrollbar-darkshadow-color: #383838;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
background-color: #505050;
font-family: Arial;
font-size:8pt;
font-color: #666666;
line-height:150%;
text-align: justify;
}


center, font{
font-family: Arial;
font-size: 8pt;
font-color: #666666;
line-height: 12px;}

table.left {
background-color: transparent;
border:0px;
}

table.left th {
background-color: transparent;
font: 12px arial;
text-transform: lowercase;
color: #666666;
text-align: left;
font-weight:bold;
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #666666;
}

table.left TD {
background-color: transparent;
color: #666666;
border: 0px;
text-align:left;
}

.blogheader{
background-color: transparent;
font: 12px arial;
text-transform: lowercase;
color: #666666;
border: 0px;
text-align: left;
font-weight:bold;
padding-left:4px;
padding-top:0;
padding-bottom:0;
}

.blogbody{
border-top: 1px solid #666666;
color: #000000;
background-color: #transparent;
}

.blogbody td{
width: 0px;
padding-left: 0px}

input, select, menu, #htmleditor, textarea, .textfield, .button{
border: none;
font-family:"arial";
font-size:8pt;
font-color: #666666;
line-height:150%;
background-color: transparent;
text-align: center;
}

.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext{
font-family: arial;
font-size: 11px;
color: #666666;
text-align:left;
}

STRONG{
COLOR: #666666;
letter-spacing: 0pt;
cursor: crosshair;}

A:link{
font-family:arial;
text-decoration:none;
color: #CCCCCC;
}

A:visited{
text-decoration:none;
font-family:arial;
color:#CCCCCC;
}

a:active{
color: #CCCCCC;}

A:hover{
text-decoration:none;
font-family:arial;
color:#666666;
}

.search, .searchbarborder, .footer, hr, banner{ display: none; }
.navigation {  display: none; font-weight: none !important; width: 100% !important; font-size: 10px;}
.navigation * div {  display: none; float: right; font-weight: none !important}
</style>

<div style="width: 652px; border: 1px solid #000000; background-color: #FFFFFF;">
<div style="border: 1px solid #FFFFFF;">
<img src="http://tofumonzter.cbstaff.com/skins/just/black/top.jpg" width="650" height="300" border="0" alt="" usemap="#top_Map">
<map name="top_Map">
<area shape="rect" alt="subscriptions" coords="569,220,608,226" href="http://www.xanga.com/private/subs.aspx">
<area shape="rect" alt="refresh" coords="534,220,562,226" href="http://www.xanga.com/protegechris">
<area shape="rect" alt="subscribe" coords="476,220,503,226" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=protegechris" target="_blank">
<area shape="rect" alt="private" coords="511,220,526,227" href="http://www.xanga.com/private">
</map>
<!-- end code provided by createblog.com -->
<!-- begin 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">The String Quartet - Blood Red Summer</option>
<option value="1">Lovehammers - Clouds</option>
<option value="2">Lovehammers - Sleeper</option>
<option value="3">Lovehammers - Trees</option>
<option value="4">Fydolla Ho - Believe</option>
<option value="5">Lovehammers - Hold On</option>
<option value="6">Pearl Jam - Nothing Man</option>
<option value="7">Lovehammers - Call Of Distress</option>
<option value="8">Jimmy Fallon - Idiot Boyfriend</option>
<option value="9">Teddy Geiger - For You I Will (Confidence)</option>
<option value="10">Jimmie's Chicken Shack - High</option>
<option value="11">Red Hot Chili Peppers - Suck My Kiss</option>
</SELECT>
<br />
<BUTTON ID="BackButton" onClick="Back(forms['form'].playlist);">&nbsp;<<&nbsp;</BUTTON>
<BUTTON ID="PlayPauseButton" onClick="PlayPause(forms['form'].playlist);"><FONT color="green">&nbsp;&nbsp;Play&nbsp;&nbsp;</FONT></BUTTON>
<BUTTON ID="NextButton" onClick="Next(forms['form'].playlist);">&nbsp;>>&nbsp;</BUTTON>&nbsp;
<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">&nbsp;&nbsp;Play&nbsp;&nbsp;</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 = true;  // 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://protegechris.freepgs.com/music/06-the_string_quartet-blood_red_summer.mp3";
songs[1]="http://protegechris.freepgs.com/music/Marty Casey & Lovehammers - Clouds.mp3";
    songs[2]="http://protegechris.freepgs.com/music/Lovehammers - Sleeper.mp3";
    songs[3]="http://protegechris.freepgs.com/music/Marty Casey & Lovehammers - Trees.mp3";
    songs[4]="http://protegechris.freepgs.com/music/fydolla_ho-Belive.mp3";
    songs[5]="http://protegechris.freepgs.com/music/Marty Casey & Lovehammers - Hold On.mp3";    
    songs[6]="http://protegechris.freepgs.com/music/Pearl Jam - Nothing Man.mp3";
    songs[7]="http://protegechris.freepgs.com/music/Lovehammers - Call Of Distress.mp3";
    songs[8]="http://protegechris.freepgs.com/music/Jimmy Fallon - Idiot Boyfriend.mp3";
    songs[9]="http://protegechris.freepgs.com/music/Teddy Geiger - For you i will (Confidence).mp3";
    songs[10]="http://protegechris.freepgs.com/music/Jimmie's Chicken Shack - High.mp3";
    songs[11]="http://protegechris.freepgs.com/music/Red Hot Chili Peppers - Suck My Kiss.mp3";

    
    //*******************************//
    //*******************************//

// 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 -->

[talcumpowder]

I have no idea what you're talking about. If anything, the layout you're using right now has more problems in IE than in Mozilla. No, not Firefox. I don't use Firefox, but I get more problems than you so don't complain.
Anyway... Could you give me a screenshot of what YOU see?