Skip navigation
Currently Being Moderated

Spry horizontal menu not displaying properly in IE

Dec 4, 2012 7:59 AM

I know that this is a common problem in the forums, but as a first-time site manager, I am having difficulty applying the responses to my own code. The page I'm working on is (this may not show up until 12/05/12 when our server has had the chance to update).


Two problems to tackle: (1) The menu bar is not in the correct place. It should fall just below the lab name. (2) When I hover over "People," the first subitem option blocks "People." In other browsers, the subitems appear below their parent item.


Here's the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>NEED Lab</title>

<style type="text/css">

body,td,th {

          font-family: Arial, Helvetica, sans-serif;


body {

          background-color: #FFFFFF;


a:link {

          text-decoration: none;

          color: #FF6633;


a:visited {

          text-decoration: none;


a:hover {

          text-decoration: underline;


a:active {

          text-decoration: none;

          font-size: 10.5pt;



<style type="text/css">

#title {







          font-size: 40px;

          text-align: center;

          font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;


#pagetitle {







          font-size: 24pt;

          font-weight: bold;

          font-family: Georgia, "Times New Roman", Times, serif;


#bottombar {







          background-color: #333333;

          font-size: 9.5pt;

          color: #FFF;

          padding-top: 8px;

          padding-left: 7px;


#pageheader {








#background {








#spryholder {









<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<style type="text/css">

#CUlogo {








#bodytext1 {







          font-size: 10.5pt;





<div id="pagetitle">Links</div>

<div id="bottombar"><strong>&copy; 2012 Neurocognition, Early Experience, and Development Lab   |     212-305-9854   |   Columbia University Medical Center</strong></div>

<div id="pageheader"><img src="Images/NEED header.jpg" width="620" height="116" /></div>

<div id="background"><img src="Images/775x500.gif" width="775" height="516" /></div>

<div id="spryholder">

<ul id="MenuBar1" class="MenuBarHorizontal">

  <li><a href="index.html">Home</a>  </li>

  <li><a href="currentstudies.html">Research</a>  </li>

  <li><a href="publications.html">Publications</a>  </li>

  <li><a href="participants.html">For Parents</a></li>

  <li><a href="jointhelab.html">Join the Lab</a></li>

  <li><a href="#" class="MenuBarItemSubmenu">People</a>


    <li><a href="currentmembers.html">Current Members</a></li>

    <li><a href="pastmembers.html">Past Members</a></li>

    <li><a href="collaborators.html">Collaborators</a></li>



  <li><a href="links.html">Links</a></li>



<div id="CUlogo"><img src="Images/CU logo.gif" width="120" height="110" /></div>

<div id="bodytext1">

<p><a href="" target="_blank">Columbia University</a></p>

<p><a href="">GH Sergievsky Center</a></p>

<p><a href="">Irving Institute for Clinical and Translational Research</a></p>

<p><a href="">Institute of Education Sciences</a></p>

<p><a href="">Columbia University Department of Pediatrics</a></p>

<p><a href="">Morgan Stanley Children's Hospital </a></p>

<p><a href="">Sackler Institute for Developmental Psychobiology</a></p>

<p><a href="">Columbia Center for Children's Environmental Health</a></p>

<p><a href=" -health/research-service/columbia-university-head-start">Columbia University Head Start</a></p>


<p> </p>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});



More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points