Despite the fact that we zeroed out all of the list item padding and margins, some versions of Internet Explorer may still add unwanted space between our list items. We can fix this by adding display:inline to the LI element.
Changing the LI display property to inline does not affect a visible change in standards-compliant browsers because we have styled the links nested inside the LI elements to display:block.
- Create a rule for the LI element and add the following
displayproperty:
div#sidebar li {
display: inline;
}
The look of the navigation list should remain unchanged in all standards-compliant browsers.
We have completed our vertical navigation menu. Functionally it is ready to deploy although it might look better with a little more "window dressing."