Hello, I have a weird problem found here: (problem occurs in ie6 only) http://drinkgojieveryday.com/tnzlead/about.html When the page loads, everything is fine. But if you rollover any of the buttons, a black box appears and covers some of the text. Any ideas?
Validate your page and fix those closing tags for the paragraphs. You aren't containing the floats for your nav, add this rule and see if it solves the problem And possibly get rid of the clear div before the content area. That may solve it.
Validated, added the rule, tried it without the clear divs in the beginning. Without the divs, the box apears but it is white instead of black. I need the divs to create a 100% height centered black background.
Alright, fixed the problem. I was using the yahoo css reset, and when I removed it and replaced it with my own, it solved the problem. What an adventure ie6 is
Yeah, the Yahoo CSS reset is pretty much garbage. There is a topic on it here: http://forums.digitalpoint.com/showthread.php?t=611876 DeathShadow (who knows much more about CSS than I do) pretty much tore it apart.
At the very least, you'd want to combine them into one sheet. Every time someone loads your page (fresh I mean), three documents are downloaded: the page and the two CSS sheets. Why not make that two documents in total? That and even the current reset has a lot more stuff in it than is actually being used. I mean, if you have no tables you wouldn't use all that table junk --and I only use table { border-collapse: collapse; } when I have a table. And then re-add any borders I actually want later. Cell padding and spacing are not css sttributes and they shouldn't be sitting in the html either, so out they go.