CSS Display None not working in IE

I have the following code in the head tag:

[quote]

<script>
function show( obj ) {
var faq = document.getElementsByName( ‘FAQ’ );
for ( var i = 0; i < faq.length; ++i ) {
faq[ i ].style.display = ‘none’;
}
var ref = obj.href;
ref = ref.replace( /^{^[^#]+#/,} ‘FAQ_’ );
document.getElementById( ref ).style.display = ”;
return false;
}
</script>

[/quote]

And then the following in the body tag:

[quote]

<div class=”style6″ id=’FAQ’ name=’FAQ’>
<img src=”images/image.jpg” />
<p>
Text BLA BLA
</div>

<div id=’FAQ_One’ name=’FAQ’ style=’display:none’; class=”style6″ >
<p>Music Video Showreel <br />

<object type=”application/x-shockwave-flash”
data=”http://site.com/flvplayer.swf?file=http://www.site.co.uk/film.flv&amp;autoStart=true”
width=”400″ height=”300″>
<param name=”movie”
value=”http://site.com/flvplayer.swf?file=http://www.site.co.u/film.flv&amp;autoStart=true” />

</object>

bla bla bla </p>
</div>

<div id=’FAQ_Two’ name=’FAQ’ style=’display:none’ class=”style6″>
<p>Acting Video Showreel <br />

<object type=”application/x-shockwave-flash”
data=”http://site.com/flvplayer.swf?file=http://www.site.co.uk/film.flv&amp;autoStart=true”
width=”400″ height=”300″>
<param name=”movie”
value=”http://site.com/flvplayer.swf?file=http://www.site.co.uk/film.flv&amp;autoStart=true” />
</object>
Bla bla bla
</div>

There are also links which pick up each video e.g.
<a href=’#One’ onclick=’return show(this)’ id=”li”>Video One</a>

[/quote]

In firefox the video’s open up in the same area so the video always opens up in a player in the top left corner.

However in IE If I click video 1 it opens up top left, then if i click Video 2 it opens up another video underneath video 1….

Why is this happening ?

Thanks in advance

Also in #CSS _↴