CSS footer not at bottom in Safari

Footer works fine on PC's in mozilla and IE but not on Mac esp Safari

[caymaniac]

I have been working on this site and am by no means finished .. but my css footer works good in pc IE6 and Mozilla Firefox etc (as best I have checked)

However the guy I am making it for uses a mac and safari .. the footer was about an inch above the bottom of the page ... does anyone know if this is possible to fix as I want to have the navigation along the bottom in the grass you see there (which should also be flush with the bottom.

And as I dont use a mac .. how can I check this out myself?

HTML

<div id="footer">
<div id="nav"><a href="?page=smoothie"> smoothies </a> <a href="?page=lunch" > lunch </a> <a href="?page=allday"> all day </a> <a href="?page=coffee"> coffee </a></div>
 </div>

CSS

#nav{
position: absolute;
bottom: 0.5em;
width: 70%;
text-align: center;
padding: 0 15%;
z-index: 1;
}
/* 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#nav {
\width: 100%;
w\idth: 70%;
}
#footer {
position: absolute;
bottom: 0;
width: 70%;
height: 200px;
text-align: center;
padding: 0 15%;
background-image: url(images/grass.png);
}
/* 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
\width: 100%;
w\idth: 70%;
}

That is the relevant code I have used .. it may not be very neat or tidy but like i said it works fine for PC viewing of the page.

[caymaniac]

*bump*

still no help on this safari problem then?