Help please (if you can stand to look at a scrambled CSS!):
A few days ago, someone presented a method of using a DIV with a
background filled with a gif to be used as a "shadow" behind another
DIV box. I decided this would be a nice addition to a site I "maintain"
for our church. I almost immediately discovered a couple of problems:
1. I had lost the name/address of the original author!
2. My implementation doesn't work consistently.
As long as the two DIV boxes are on the top part of the page, they
usually display properly. Always when the page is first accessed. But,
if one scrolls down until they disappear, when one returns to that
portion of the page, the top of the "regular" box is cut off, even with
the top of the "shadow" box, even though it is technically behind!
Strangely (clue?), when the top nav bar is moused over, the boxes again
display correctly. Those nav links are relatively positioned, just as
the boxes are, is that the reason they re-display themselves correctly?!
Likewise, if one of these pairs of boxes is displayed lower than the
first portion of the page, the same "chopped" box is shown.
All the above is when using IE 5.1.x/Mac. So far, I have seen only one
access from a NS 4 user, so I will not be concerned with that browser.
All access is from non-Mac's, however.
URL to see these actions:
Just because I have a short attention span doesn't mean i