Hi Guys, I'm an occasional reader, first time poster. I've got a CSS issue at the moment that is driving me mad and I was hoping that someone might be able to point me in the right direction as to what I'm doing wrong. It's to do with a horizontal tabbed navigation bar using the Pixy CSS rollover method. It works fine in all modern browsers, it's just the usual suspects, IE6 and IE7 that are causing me problems. When loading up the navigation bar in either of these browsers the images drop down the page in step increments like this: {{ Image 1 }} {{{{{{{{{{{{{ Image 2}} {{{{{{{{{{{{{{{{{{{{{{{ Image 3}} I've created an example here to illustrate the problem: http://www.kenyanadventure.com/newsite/test_menu/test_site.html If anyone could get to the bottom of this for me I'd be incredibly grateful!
I'm absolutely desperate for some help with this if anyone can, it seems to be something to do with the fact the block elements are floated, IE7 just doesn't seem to like it and drops it down the page.