CSS - DIV fixed bottom page 1

[apex82]

I have a DIV that I want to place at the bottom of a page. Here is the CSS code:

div.bottom
{
width: 190px;
height: 51px;  
left: 575px;  
position:absolute;
bottom:0px;
padding: 0px;
background-image:url([URL unfurl="true"]https://www.xxx.co.uk/bottom.png);[/URL]
background-repeat: no-repeat;
}

The problem is when the window size is reduced and the scrollbar is moved the DIV remains in the same spot rather than always remaining at the bottom of the page.

I need the DIV to always remain at the bottom of the page.

I’ve looked for a an example that is just using CSS and is compatible for both FF and IE but can’t find anything.

Can anyone help?

Thanks.

 

[BillyRayPreachersSon]

I've looked for a an example that is just using CSS and is compatible for both FF and IE but can't find anything.

I guess you didn't search on Google for 'fixed footer css' - the first link works a treat.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[tianaPalmer]

Yeah...that's kind of what I'm looking for...I need the footer to move if the content area above it gets vertically longer...I want the user to scroll to see the footer...but right now, the footer is kind of stuck in the middle of the page not even below the content area - that's what makes me wonder if it's something with my code