Trouble with Spry menus in Firefox and Chrome

Question

I am working on a site for my library and the spry menu drop downs are working well in Internet Explorer, but are not working at all in Chrome or Firefox.  I have been trying to figure this out, but I am at a loss.  I am using Dreamweaver CS5.  Please let me know if you have any insight.  I seem to be doing well with it aside from this problem!
Here is the site in its current state.  The only active drop down is under ABOUT in HISTORY.
http://mysite.pratt.edu/~jdekoff
Here is the css as it stands.
@charset "utf-8";
/* CSS Document */
#container {
width: 968px;
background: #FFF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow:hidden;
background-color: #6699CC;
font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000
#banner {
font-size: 18px;
color: #000;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
border: medium double #000;
#menu_bar {
position: absolute;
padding-top: 5px;
#current_info {
padding-top: 40px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
position: relative;
#left_column, #center_column, #right_column {
width: 316px;
float: left;
font-size: 14px;
font-weight: normal;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
#center_column, #right_column {
  margin-left: 10px;
#bottom_nav {
text-align: center;
font-size: small;

Answer 1

Remove position: relative; and all is well
#current_info {
    padding-top: 40px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    position: relative;