//flex table opened by JP

Click to See Complete Forum and Search --> : IE6 CSS bug that I can't find the answer to


tantone
08-30-2004, 01:23 PM
You have to see this--trying to explain it doesn't work as well.
http://www.taylorandjanet.com

I have a main menu that's pulled into each page by an include. I have a link to go back to the home page at the bottom of this menu. In the stylesheet, the hover property of all my links uses a border-bottom: 1px solid #COLOR;

If you use IE6 and mouse over the [ HOME ] link, the blue padding border at the very bottom of the main menu disappears and won't reappear unless the page is refreshed or changed.

I have already fixed the peek-a-boo text in IE, having to add a line-height property to my #content, but this isn't quite the same thing.

Any suggestions? THANKS!

EDIT:
It works just fine in FireFox, so I know it's not a CSS coding problem. I realize the IE kinda sux0rs sometimes, but since almost everyone uses it, well, there ya go.

tantone
08-30-2004, 01:36 PM
Ah, nevermind. I can't believe that IE screws up such simple things as margins and padding. The info box at the bottom of the menu was set to a margin of 5px to keep that uniform blue border. Well, as soon as I set the margin: 5px 5px 0px 5px and then set the menu padding-bottom: 5px everything worked fine.

If so many idiots out there didn't program only for IE on their sites, I'd really start using FireFox more often.