I keep finding a solution in adding height:1% to various elements. This seems like a temporary fix. Can someone explain to me why the height:1% is needed and why it could sometimes cause background images to not display?
Thanks Ted -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Drake, Ted C. Sent: Friday, April 29, 2005 9:47 AM To: 'wsg@webstandardsgroup.org' Subject: [WSG] ie bug - content disappears on hover Hi All I've been having a problem that I can't figure out. Naturally, everything looks good in firefox/opera/safari, but IE is freaking out. I can't send you to the page, it is in an intranet. However, I hope I can describe the problem and maybe you've seen it before. The page has three columns and each column has subsections. The subsections are in this format: <div> <h3></h3> Content, p or ul </div> When you mouse over some of these divs, the content disappears and the background color appears. It's like you are erasing it in blocks. Here is one div (imagine the x's are actual information. I need to remove any information on these messages) <div id="communications"> <h3><a href="xxxxxxxx">xxxxxxxxxx</a></h3> <p> <a href="/xxxxx"><img src="xxxxxx" alt="xxxxx"></a> xxxxxxxx <abbr title="Chief Executive Officer" lang="en">CEO</abbr> xxxxx <a href="/xxxxxx">xxxxxx</a> xxxxxxx.</p> </div> <div id="websitehelp"> <h3><a href="/xxxx/">Get Help With a Web Site</a></h3> <a href="xxxxxx" class="logo">xxxxxxxx </a> <p> <a href="/xxxxx/">xxxxx</a> xxxxxxxxx:</p> <ul> <li><a href="/xxxxxxx/">xxxxxxx</a></li> <li><a href="/xxxxxx.html">xxxxxxx</a></li> <li><a href="/xxxxxxxx">xxxxxxx</a></li> <li><a href="/xxxxxxxx/">xxxxxxx</a></li> </ul> </div> As you can see, the code is pretty simple. In #websitehelp, the link with class="logo" is using a background image and pushing the text offscreen. The communications div has an image that is floated. The page layout is using the three column technique where the center channel has huge borders and the left and right float on top of the borders. It works quite nicely. I have added height:1% to some divs and that seems to keep the erasing from happening, but then the background images I'm applying with CSS don't always appear in IE. Like I said earlier, I'm grabbing at straws on this one. Any help would be much appreciated. Ted ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ****************************************************** ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************