[davefromscratch]

I've got this internet explorer problem where my footer appears under my page height whereas in say firefox it displays perfectly at the bottom moving up and down and sticking to the bottom rim of the browser as it should.

i've worked out that in internet explorer this footer works when the width is a percentage, but due to the nature of the site i had to define a pixel width.

can anyone suggest a route where by i could sort this out?
(hopefully something easy)

to see for yourself:
the link: http://www.andyc-andydo.co.uk

cheers dave..

[gray]

its offscreen in safari too

[davefromscratch]

ok, even more reason to fix it? any ideas?

i could be just missing something obvious out?

[pgo]

I've added comments to code...

#footer { 
	width: 100%; 
	position: absolute; <--should probably be bottom: 0 and left: 0 to put it in the bottom left corner
	bottom: 0 !important;  <--WTF is this about?  Never seen that before... 
	bottom: 15px; /* For Certain IE widths */   <--WTF is this about?  Never seen that before... 
	height: -20px;  <--Culprit, most likely - remove entirely as it serves no purpose
	
} 

#footerleft {  <--Combine this into the previous rule and eliminate <div id="footerleft"> from your markup - it isn't necessary.
	width: 400px; <--Dont need it.
	height: 20px;<--Don't need it.
	margin-top: 0px;<--Don't need it. 
	margin-bottom: 0px;<--Don't need it.
	float: left;<--Don't need it.
	margin-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
} 

Of course, I could be wrong, but give it a shot. Less code is better.