Adding a BG "shadow" image.
Hmmmmm... This one has me stumped.
Check out http://www.chrisbartlett.net/fd/fd/short.html please. That site is 100% perfect as far as the guy I'm building it for is concerned. But it is missing something.
Now have a look at http://www.chrisbartlett.net/fd/fd/ in IE. See the "shadow" on the right? That tiny little arrow-looking image?
Well, I want to position that immediately to the right of the outterbox and 10px down from the top. Right now, it doesn't even show up in FF or Opera, and in all 3 you'll notice that it pushes the entire content area way down (well, seemingly "way down" = 139px which is the shadows height).
What am I doing wrong?
In other words, I need it to look like this:
Anyone? In IE, I've gotten the image positioned close. I still want to drop it 10px below the top of the adjoining border.
And it's still not even appearing in FF or Opera.
And in all 3 browsers, I still have the problem with the entire outterbox being pushed down, which I solved with a "display: inline;", but when I do that, it disappears in IE, too!
Every which way I turn, something goes wrong. Argh. Any thoughts, please?