Spry menu issue in IE

[Cynsation]

I have a spry menu on a web page and it is working in FF but is shows up as a white box in IE7, here is the code:

<ul id="MenuBar1" class="MenuBarVertical">
<li>
<a href="index.cfm" class="style1">home</a>
</li>
<li><a href="create.cfm" class="style1">create/edit custom menu</a></li>
<li><a href="benefits.cfm" class="style1">benefits</a>
<ul>
<li><a href="testimonials.cfm" class="style1">customer testimonials</a></li>
<li><a href="benefits.cfm" class="style1">our opinion</a></li>
</ul>
</li>
<li><a href="food_gallery.cfm" class="style1">view food gallery</a></li>
<li><a href="price_list.cfm" class="style1">price list</a></li>
<li><a href="faq.cfm" class="style1">FAQ</a></li>
<li><a href="email_to_friend.cfm" class="style1">email this site to a friend</a></li>
<li><a href="spcl_needs.cfm" class="style1">special needs</a></li>
<li><a href="profits_charity.cfm" class="style1">profits to charity</a></li>
<li><a href="gift_certificates.cfm" class="style1">purchase gift certificates</a></li>
<li><a href="other_resources.cfm" class="style1">other resources</a></li>
<li><a href="about.cfm" class="style1">about us</a>
<ul>
<li><a href="1_believe.cfm" class="style1">what we believe</a></li>
<li><a href="about.cfm" class="style1">our story</a></li>
</ul>
</li>
<cfif session.status is 0>
<li><a href="my_account.cfm" class="style1">your account</a></li>
</cfif>
<li><a href="contact.cfm" class="style1">please contact us</a></li>
<cfif session.status is 1>
<li><a href="cart.cfm" class="style1">shopping cart</a></li>
<li><a href="my_account.cfm" class="style1">your account</a> </li>
<li><a href="logout.cfm" class="style1">log off</a></li>
</cfif>
</ul>

Any help with this would be great.

Thank you in advance.:)