Hi All. A couple of CSS issues for those of you more knowledgeable than me. At my wits' end for solving them.
One: Wrapping Nav Bar on iPod
Nav bar on this website displays fine for the most part, as intended in IE, Firefox, and Safari, but when viewed on an iPod, the nav bar "wraps" the last item underneath ("Shop"). How do I stop this?
Two: Floating Nav Bar in Opera
When viewing the page in all other browsers, its layout is correct, minus the wrapping issue mentioned above in iPod browsers. In Opera, however, the nav bar "floats" above the page body, separated by about 1/2 inch, rather than setting right on top of the page body as it should.
Page in question: http://www.nickigreenwood.com/
CSS file: http://www.nickigreenwood.com/css/style.css
All pages and CSS have been verified with W3C, so I'm stumped. Any thoughts, suggestions, help, or miracles much welcomed. Thanks, all!