title: Internet Explorer 7 CSS Menu positioning
body: <p>I have created a menu in HTML and CSS that works in all the major browsers (Chrome, Firefox, IE8+, and Safari).  You can find it here: <a href="http://www.calvaryccm.com/MenuTest.aspx" rel="nofollow noreferrer">http://www.calvaryccm.com/MenuTest.aspx</a></p>
  
  <p>The problem occurs in IE 7.</p>
  
  <p>I have a hover menu using some JS for effect. When I try to render it in IE7 this is what happens:</p>
  
  <p><img src="https://i.stack.imgur.com/Np8wk.png" alt="IE 7 Menu Error"></p>
  
  <p>I need some help figuring out how to position the menu under the text. Thank you for your help!</p>