Hey--

On this page everything lines up fine: http://www.help4newbies.com/menu/
Code:
<table border="0" cellpadding="0" cellspacing="0">
<tr><td class="menutitle">Sections:</td></tr>
<tr><td><ul class="menu">
<li><a href="">html</a></li><li>
<a href="">css</a></li><li>
<a href="">javascript</a></li><li>
<a href="">domains</a></li><li>
<a href="">design</a></li><li>
<a href="">php</a></li><li>
<a href="">misc</a></li></ul></td>
</tr>
<tr><td class="menutitle"><br>Pick-A-Skin:</td></tr>
<tr><td><ul class="menu">
<li><a href="">default</a></li><li>
<a href="">BIG text</a></li><li>
<a href="">arielle</a></li></ul></td>
</tr>
</table>
Code:
.menutitle {
font: bold 11px verdana, geneva, helvetica, arial, sans-serif;
color: #FFFFFF;
padding: 3px; }

/***********************************************/
.menu {
border: #000 1px solid;
margin: 0px 1px 0px 0px;
font: 10px/15px verdana, geneva, helvetica, arial, sans-serif;
width: 90px;
list-style-type: none;
text-align: left;
list-style-position: outside; }

.menu LI A, A:visited {
background-color: #FFC448;
border-top: #FFE6B0 1px solid;
border-bottom: #E69B00 1px solid;
color: #000000;
padding: 4px 7px;
display: block;
margin: 0px;
text-decoration: none; }

.menu LI A:hover, A:active {
background-color: #FFA448;
border-top: #FFC448 1px solid;
border-bottom: #F97C00 1px solid;
color: #FFFFFF; }
But here, it's completely screwy! http://www.help4newbies.com/menu/index2.html

The only difference is one line in the stylesheet -- no margin:
Code:
.menu {
border: #000 1px solid;
font: 10px/15px verdana, geneva, helvetica, arial, sans-serif;
width: 90px;
list-style-type: none;
text-align: left;
list-style-position: outside; }
I want to get rid of the "margin" because it seems pretty pointless -- what's goin' on?!

Thanks!