PDA

View Full Version : Spry Menu Overlap Issue With Internet Explorer 7 (IE7)


csbsu_it
02-24-2011, 03:22 AM
Hi guys! :mrgreen:

Over the last few months I've been trying to learn web design over youtube (yes, I know). Recently I've added a spry menu bar that works fine in firefox, but the submenu OVERLAPS ON TOP of the main menu on IE7.

Can anyone offer up a fix? Note: I am a super noob so please talk to me like I'm 5 years old or something.

I'm using CS4... I'm not exactly sure what I'm supposed to copy/paste for a diagnostic, but here goes:

<ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="Index.html">Home</a></div>
</li>
<li>
<div align="center"><a href="AboutUs.html">About Us</a></div>
</li>
<li>
<div align="center"><a href="Events.html" class="MenuBarItemSubmenu">Events</a>
<ul>
<li><a href="Upcoming.html">Upcoming </a></li>
<li><a href="PastEvents.html">Past Events</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="PastTests.html" class="MenuBarItemSubmenu">Past Tests</a>
<ul>
<li><a href="Submit.html">Submit To Us</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="Store.html" class="MenuBarItemSubmenu">Store</a>
<ul>
<li><a href="Hoodies.html">Hoodies</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="ExecTeam.html" class="MenuBarItemSubmenu">Exec Team</a>
<ul>
<li><a href="JoinExec.html">How To Join</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="ContactUs.html" class="MenuBarItemSubmenu">Contact Us</a>
<ul>
<li><a href="OfficeHours.html">Office Hours</a></li>
<li><a href="www.fakesite.com>
</ul>
</div>
</li>
</ul>

Thank you very much! :mrgreen:

DWcourse
02-24-2011, 03:24 AM
First lesson, CSS controls the appearance of you menu so we need to see your CSS (probably in a file in your SpryAssetts folder.

Second lesson, it would be a lot easier for us to help if you just uploaded the site and posted a link.

csbsu_it
02-24-2011, 03:49 AM
Thanks for the reply!

#1 - Which file (http://img20.imageshack.us/img20/2043/filesu.png) do you need to see, how do I make you see it? :confused:

#2 - http://csbsu.csb.utoronto.ca/ Hover over events on IE7 for example.