List location different between browsers

I tried a post in the Troubleshooting area but did not get one reply with help (one guy spoke of general problems between browsers but did specifically address my problem). My problem is that my navbar list shows up in a different vertical positions in different browsers. I am quite a beginner at this and am extremely confused and frustrated, so I am desperate for some assitance on this. My site is http://unf.coldwire.org for those of you that want to see what I am talking about personally. I have setup a picture to show the differences that I see between the browsers at http://unf.coldwire.org/problem.jpg

I’ll paste the code used below as well. Seems the shelf life of these posts is almost nothing, especially when someone replies at least once. So hopefully someone can reply with some specific help 🙂

#navcontainer {
display: block;
width: 100%;
margin:0px auto;
margin-top: -28px;
text-align: left;
font-size: 1.2em;
}

#navcontainer ul li {
display: inline;
text-align: center;
}

#navcontainer ul li a {
margin:0;
padding: 2px 10px;
background-color: #A0BEE6;
color: black;
text-decoration: none;
text-align: center;
//border-top: 1px solid #ffffff;
}

#navlist li a:hover {
color: white;
background: #174C81;
}

#navlist li a:active, #navcontainer #navlist #current {
color: black;
background: white;
}