Hi, I'm having an issue with my Jquery Acorddion, it does not seem to work in I.E8 but works fine in chrome and firefox.

I have initialised the acordion using the following code:

Code JavaScript:
<script language="javascript" type="text/javascript">
	$(function(){
		$('#accordion .head').click(function() {
			$(this).next().toggle('slow');
			return false;
		}).next().hide();
	});
</script>

The acordion html structure is as follows:

Code HTML4Strict:
 
<div id="accordion">
          <h3 class="head">Main Header</h3>
<div class="innerContent">
                <h3>Title</h3>
          	<li><a href="#somelink" title="S">link1</a></li> 
                <li><a href="#somelink" title="S">Link2</a></li> 
                <li><a href="#somelink" title="S">Link3</a></li> 
                <li><a href="#somelink" title="S">Link4</a></li> 
  </div>
          <h3 class="head">Main Header</h3>
<div class="innerContent">
                <h3>Title</h3>
          	<li><a href="#somelink" title="S">link1</a></li> 
                <li><a href="#somelink" title="S">Link2</a></li> 
                <li><a href="#somelink" title="S">Link3</a></li> 
                <li><a href="#somelink" title="S">Link4</a></li> 
  </div>
          <h3 class="head">Main Header</h3>
<div class="innerContent">
                <h3>Title</h3>
          	<li><a href="#somelink" title="S">link1</a></li> 
                <li><a href="#somelink" title="S">Link2</a></li> 
                <li><a href="#somelink" title="S">Link3</a></li> 
                <li><a href="#somelink" title="S">Link4</a></li> 
  </div>
</div>

it displays as expected in firefox but not i.e 8

Any ideas why?

thanks