| < Day Day Up > |
|
This method has been tested and should work in all modern browsers past version 5.0.
Specifically for Fast Company's website, I chose to position: absolute the #nav in order to make things line up perfectly, letting the background color of the header area show through underneath. This works fine and dandy—except in Opera7/Windows, where specifying a width is necessary for absolutely positioned elements.
That's OK though; we'll just add the total width of the images to the #nav:
#nav { margin: 0; padding: 0; height: 20px; list-style: none; display: inline; overflow: hidden; width: 201px; }
We can now sleep at night, and Opera fans may rejoice.
| < Day Day Up > |
|