Final Step
5. redefine the a tag to create buttons
#navbar ul li a {declarations}
Important: Add float:left; to make the browser treat the <a href> tag like a block element that can have a width applied to it.
- set font-related properties, padding (to increase the hit area), margin (to get spacing between buttons), border properties (to define a buttons shape) Then set the properties that will change when one rolls over the button: #navbar ul li a:hover {declarations}
(This is just one of many variations of this method out there)