Graphic Not Staying Where I Want It To

Question

So as the title says, I have this graphic I want to stay in
the bottom right corner if the browser window (no matter how the
window is sized). I've used the following....
<div id="ClubAnnounce" style="z-index: 0; position:
absolute; right: 0px; bottom: 0px;"><img
src="ClubAnnounce.png" width="234" height="444" /></div>
... and as I said it works in all my browsers except
InternetExplorer. In IE the graphic does stay to the right but it's
gone to the top of the window to the point where only the bottom 5
(or so) pixels of the image are visible. The image is there, just
off the top of the window.
Any help is appreciated. Thanks!

Answer 1

Try putting this in your CSS:
#footer {
background: url(Images/your-logo.jpg) no-repeat right
bottom;
height: 125px; /**image height or more**/
padding: 10px;
And then put this in your html page before the </body>
tag:
<div id="footer">
<p>Here is some footer text</p>
</div>
HTH,
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
A child of five would understand this. Send someone to fetch
a child of
five.
-- Groucho Marx (1890 - 1977)
"Nefarious2All" <[email protected]> wrote in
message
news:g245nq$62$[email protected]..
> So as the title says, I have this graphic I want to stay
in the bottom
right
> corner if the browser window (no matter how the window
is sized). I've
used the
> following....
>
> <div id="ClubAnnounce" style="z-index: 0; position:
absolute; right: 0px;
> bottom: 0px;"><img src="ClubAnnounce.png"
width="234" height="444"
/></div>
>
> ... and as I said it works in all my browsers except
InternetExplorer. In
IE
> the graphic does stay to the right but it's gone to the
top of the window
to
> the point where only the bottom 5 (or so) pixels of the
image are visible.
The
> image is there, just off the top of the window.
>
> Any help is appreciated. Thanks!
>