Menu
Hi-
This is my first post in this forum. I’m hoping you guys can help me. I’m a fairly new web designer, and just starting to work with css / dropdown menus. I’m having an issue with mine however.
here is the link: [url]http://www.csfpa.com/newsite/index1.html
As you can see, the menu looks ok in firefox and netscape, but the spacing gets all off in IE. That is problem #1. Also, the drop down menus don’t work in IE – that is problem #2. Problem #3, etc have to do with centering the dropdown menus in the space provided. I think I can work with #3, if I got some expert help with #1 and 2!
Here is the CSS code: (navbar.css)
[CODE]#zUL a,
#zUL a:link,
#zUL a:visited {
text-decoration: none;
color: #4D4E4F;
}
#zUL img {
display: block;
}
#zUL, #zUL ul {
padding: 0;
margin: 0;
display: inline;
list-style: none;
}
#zUL ul li{
padding: 0;
margin: 0;
display: inline;
}
#zUL li {
float: left;
width: auto;
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#zUL li ul {
position: absolute;
top: 200px;
left:-900px
}
#zUL li ul a {
margin-left: 10px;
margin-right: 10px;
}
#zUL li ul li {
margin: 0;
border-bottom: 0;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
}
fieldset p {clear: left}
#zUL li:hover ul, #zUL li.sfhover ul {
left: auto;
}
I have applied some javascript and an addition css file (msie.css) in an attempt to fix the IE problem (to no avail) so I would ignore those. Any suggestions would be greatly appreciated!
Tim