I need help with nested lists and using display: to do exactly what I want it to do. The attached image (hopefully) shows what I intend to do using the lists.
I used this code to get it to look like how I wanted it to:
#name {
margin: 0px;
padding: 0px;
}
#name li {
margin: 0px;
padding: 0px;
display: inline-block;
list-style: none;
}
#name li ul {
margin: 0px;
padding: 0px;
}
#name li ul li {
margin: 0px;
padding: 2px;
text-align: center;
display: block;
list-style: none;
}
It looks the way I want it to in Firefox, but in IE it appears in one straight column. How can I get it to look right in IE? Any help will be much appreciated!
