Problems with navigation list

[CORT0619]

Hello all,

 

I created a website that has navigational links at the top of the page but I'm having a hard time with getting the navigation to look correct in ie and all of the other browsers. I don't really care if it doesn't look right in compatibility mode in ie but I would like it to work w/o compatibility mode in ie. Any help would be appreciated btw, everything looks perfect in chrome. My site is http://church.407computerrepair.com/index.htm and below is the code that applies to the navigation:

#sddm
{	margin: 5px 5px 0px 0px;
padding: 0;
z-index: 30;
zoom: 1;}

#sddm li
{	margin: 0px;
padding: 0;
list-style: none;
float: left;
font-family: Arial;
zoom: 1;}

#sddm li a
{	display: inline;
margin: 0;
padding: 5px 42px;
width: 60px;
background: #F7BC05;
color: #FFF;
text-align: center;
text-decoration: none;
border: 1px solid #000;
border-left: none;
zoom: 1;}

#sddm li a:hover
{	background: #CCBCA5;
    zoom: 1;}

#sddm div
{	position: absolute;
visibility: hidden;
margin: 4px;
padding: 0;
background: #EAEBD8;}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	margin-left: -5px;
	padding: 5px 39px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #F7BC05;
	color: #FFF;
	font-family: Arial;}

#sddm div a:hover
{background: #CCBCA5;
     color: #FFF} 

[Frank P]

Do you mean that 'Login' is under 'Home', rather than at the end of the menu? That is just a matter of the container(s) not offering enough space. How come a web developer doesn't see that?