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
h3a href=xx/a/h3
p
a href=/ximg src=xx alt=x/a
abbr title=Chief Executive Officer lang=enCEO/abbr x a
href=//a xxx./p
/div
div id=websitehelp
h3a href=//Get Help With a Web Site/a/h3
a href=xx class=logo /a
p
a href=/x/x/a x:/p
ul
lia href=/xxx/xxx/a/li
lia href=/xx.htmlxxx/a/li
lia href=/xxx/a/li
lia href=//xxx/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
**
