Having problems with streaming audio

Question

Please Help,
I'm Trying to add audio to my site. I've gotten it so that it works with Internet Explorer. It has to work so that there is music on the front page slide show and the galleries. It now works great on IE. However on both Firefox and Safari it works on the slide show but not the Gallery. My code is as follows...In The CSS Section (I think the problem might be here).
<pre><code>#my_music {display: none;}
.homepage #my_music {display: block;}</code></pre>
or
<pre><code>.gallery_XXXXXX #my_music {display: block;}</code></pre>
And I have this code placed in my footer:
<pre><code>&lt;div id ="my_music"&gt;&lt;OBJECT ID="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab# Version=5,1,52,701" STANDBY="Loading Microsoft Windows® Media Player components..." TYPE="application/x-oleobject" width="280" height="46"&gt;
&lt;param name="fileName" value="http://www.homelesshh.com/pipmusic.m3u"&gt;
&lt;param name="animationatStart" value="true"&gt;
&lt;param name="transparentatStart" value="true"&gt;
&lt;param name="autoStart" value="true"&gt;
&lt;param name="showControls" value="true"&gt;
&lt;param name="Volume" value="-300"&gt;
&lt;embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://www.homelesshh.com/pipmusic.m3u" name="MediaPlayer1" width=280 height=46 autostart=1 showcontrols=1 volume=-300&gt;
&lt;/OBJECT&gt;
&lt;/div&gt;</code></pre>
Please Help me with this

Answer 1

That is because you have #my_music {display: none;}<br />
Firefox doesn't play media files if that content is hidden via display:none.<br />
If you want to hide the player then use visibility:hidden<br />
If you want visitors to be able to stop the music (I prefer that) then use {display: block;} there as well.
<pre><code>#my_music {visibility: hidden;} or #my_music {display: block;}
.homepage #my_music {display: block;}
</code></pre>