Menu
I have to figure out whats wrong…my list style menu is not even appearing on the page in IE6….whats happening?
heres the CSS
/* CSS Document
ul#navigation {
width: 800px; /* Random width
height: 100px; /* We know that a image is 104px high, so to show only
one of the menues in the image, the height would be the half: 52px
padding: 0;
margin: 0;
list-style-type: none;
background:url(SWS/images/menu_06.png);
}
ul#navigation li {
padding: 0;
margin: 0 0px 0 0; /* Space between links
float:left;
z-index:900;
visibility:visible;
}
ul#navigation li a {
display:block;
height: 100px; /* Same height as the ul
}
ul#navigation li a[href=’index2.html’] {
width: 154px;
background:url(SWS/menu_01.png);
}
ul#navigation li a[href=’pricing.html’] {
width: 238px;
background:url(SWS/menu_02.png);
}
ul#navigation li a[href=’flash.html’] {
width: 229px;
background:url(SWS/menu_03.png);
}
ul#navigation li a[href=’contact.html’] {
width: 179px;
margin-left:;
background:url(SWS/menu_04.png);
}
ul#navigation li a:hover, ul#navigation li a.active {
background-position: left bottom;
/* When hovered, we want to show the second box in the image (bottom)
}
ul#navigation li a em {
display: none;
}