This is just a family site I've been using to A: post kid pics without having to constantly mail them all over the country, and B: practice some web design, just as a hobby. It was originally created in Frontpage before I knew anything about CSS, then re-tooled with CSS (but still messily as it was a learning experience). I'm make excuses for the code you're about to see.

Anyway, I have this javascript drop-down menu in the page header. Like my title says, this thing will center in IE, but not Firefox or Netscape (it aligns left), and it is giving me fits! It's not really important on this site, but I would really like to understand what's heppening.
I've googled around, and every time I see another technique for centering things, I add it to this menu. The thing's nested inside of like 5 different centering attributes now... and still doesn't work. I was hoping someone could take a look and tell me why? I'm sure it's easy for someone who knows what they're doing.
Site: www.thesuligoys.com
Pertinent HTML:
<div align ="center">
<div class="menu">
<a href="index.htm">
<img border="0" src="images/SuligoysLogo.gif" width="382" height="130" alt="The Suligoys"></a>
<div class="menubar">
<div class="genericcenter">
<script SRC="NEWSuligoysMenu.js"></SCRIPT>
<NOSCRIPT>
<FONT COLOR=#632D06><a href="http://www.thesuligo... | <a href="http://www.thesuligo... | <a href="http://www.thesuligo... | <a href="http://www.thesuligo... | <a href="http://www.thesuligo... | <a href="http://www.thesuligo... | <a href="http://www.thesuligo... | <a href="http://www.thesuligo...inks</a></FONT>
</NOSCRIPT>
</div>
</div>
</div>
</div>
CSS:
.menu {
background: Black;
border: 2px groove #FFFFCC;
text-align: center;
height: 157px;
}
.menubar {
height: 24px;
border: 1px outset;
background: url(images/menuback.gif) repeat;
}
.genericcenter {
margin-right: auto;
margin-left: auto;
}
The no-script links center, but not the menu when javascript is enabled.
Thanks for looking!