This is kind of weird, I've never seen anything like it.
I'm creating a navigation with an unordered list and it looks fine in safari and firefox. In IE win, the menu items do a weird stacking thing where each menu element is slightly further down.
Here's a link to the problem: http://www.realestatearts.com/chazenweb/
Any ideas?
Oh, where are the gurus?
this happened to me when i coded www.gladeelementary.com
in case i don't get the time to actually sit down and figure your issue out, maybe you can check there for some insight.
it's either:
1) padding or margin that you've specified for mozilla needs to be opposite for IE, or
2) you have text in your nav LI that you've hidden but it isn't working - it is hiding the text but still leaving space for a font, so maybe make font-size 1px and make each A tag go "margin: -1px" for IE, something like this
Sorry i know this isn't all that helpful and probabaly sounds half crazy but I had the same issue and it required a crazy cure- one I almost didn't find. Maybe it was something simple that I had just overlooked though...
not crazy at all
thanks a bunch, timebandit. i didn't realize that the text was what was causing the problem. i tried a few different things (including making the font size 1px and a -1px margin for ie) but it still isnt quite right.
does anyone see a glaring error somewhere that i'm missing?
Oh, where are the gurus?
lemme take a closer look. it's also showing differently in the various flavours of IE.
EDIT - can you post the files for me? Just zip up images and that first HTML page so i don't have to scrounge around trying to get all the images and such. "Save as" doesn't work as well when images are in the CSS. Thanks!