http://www.effective-practice-market...hman/about.php

The footer is allll good in IE versions and FF, not Safari.

CSS:

@charset "utf-8";
* {
    outline:none;
    }
html {
    text-align:center;
    font-family:helvetica, verdana, arial, sans-serif;
    height:100%;
    min-height:100%;
    }
body {
    margin:0;
    padding:0;
    text-align:center;
    height:100%;
    min-height:100%;
    background:url(images/bg.jpg) no-repeat;
    background-position:top center;
    }
img {
    border:none;
    }
h1 {
    font-size:25px;
    color:#261b0e;
    font-weight:lighter;
    margin-top:10px;
    line-height:140%;
    }
h2 {
    margin:20px 0px 10px 0px;
    }

    legend {
    color:#261b0e;
    font-weight:lighter;
    margin-left:40px;
    font-size:1.2em;
    }
ol {
    font-size:12px;
    padding-left:25px;
    line-height:140%;
    }
ul {
    list-style-type:disc;
    font-size:13px;
    padding-left:25px;
    line-height:120%;
    }
li {
    margin-top:5px;
    }
p {
    line-height:150%;
    }
#wrap {
    margin:0 auto -80px auto;
    width:870px;
    height:auto;
    text-align:left;
    }
#header {
    height:100px;
    width:870px;
    background-image:url('images/header.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    margin:0 auto;
    }
#top1 {
    background:url(images/top1.jpg) no-repeat;
    width:870px;
    height:41px;
    }
#topnav {
    }
#left {
    background:url(images/left-bg.gif) repeat-y;
    width:145px;
    height:500px;
    padding-right:5px;
    margin:0;
    float:left;
    }
#mid {
    float:left;
    overflow:auto;
    width:500px;
    height:480px;
    background-color:#fff;
    padding:10px;
    }
    #mid h2 {
        font-size:16px;
        color:#325936;
        }
        
    #mid h3 {
        font-size:14px;
        text-transform:uppercase;
        color:#573327;
        line-height:140%;
        }
    #mid h4 {
        font-size:13px;
        color:#524227;
        margin:20px 0px 0px 0px;
        }
    #mid a {
        color:#524227;
        }
        #mid h2 a {
            color:#274B57;
            }
    #mid p {
        font-size:12px;
        }
    #mid .caption {
        font-size:10px;
        }
#right {
    width:180px;
    height:480px;
    background-color:#fff;
    float:left;
    padding:10px;
    overflow:auto;
    }
    #right h2 {
        font-size:13px;
        color:#274B57;
        }
    #right p {
        font-size:11px;
        }
    #right img {
        margin-top:15px;
        padding:0;
        }
    #right img:first-child {
        margin-top:0;
        }
#footer {
    background-color:#0099FF;
    width:100%;
    height:140px;
    background:url(images/footer-bg.jpg) no-repeat;
    background-position:top center;
    margin:1px auto 0px auto;
    padding:20px 0px 10px 0px;
    }
    #footer h1 {
        margin-top:0;
        text-align:left;
        font-size:.8em;
        color:#ccc3be;
        }
    #footer a {
        font-size:10px;
        color:#000;
        text-decoration:none;
        }
    #footer p {
        font-size:10px;
        letter-spacing: -.1px;
        }
    #footerInside {
        width:870px;
        margin:0 auto;
        }
/*****************CLASSES********************/
.arrow {
    list-style-image:url(images/list-image.gif);
    font-size:16px;
    font-weight:bold;
    margin-top:10px;
    padding-left:30px;
    }
    .arrow li {
        margin-top:8px;
        }
    .arrow a {
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:lighter;
    }
    .arrow a:hover {
        color:#baf4bd;
        }
.clear {
    clear:both;
    }
.floatLeftImg {
    float:left;
    padding-right:10px;
    }
p.caption {
    margin-top:5px;
    font-size:100px;
    }
.testimonial {
    background-color:#e5d1af;
    background-image:url(images/quote.jpg);
    background-repeat:no-repeat;
    border:1px solid white;
    font-size:13px;
    padding:15px;
    }
    .testimonial a {
        font-weight:bold;
        font-style:italic;
        color:#7f6c4c;
        }
    div.testimonial > p:first-child {
        text-indent:50px;
        }

I'm aware of some invalid stuff. ie. block element inside inline. This, however is not the problem.

Any help would be much appreciated.
Thanks!

It looks almost like the footer isn't clearing, doesn't it? When I removed the <div class="clear"> from right above it (in Firebug), it does almost the same thing in Firefox as it is doing in Safari. You may try putting a rule of clear: both on the #footer, and remove the <div class="clear">.

Also, if that solution doesn't work (which it may not), I would start the debugging process by putting a big, thick, black border around the footer, so you can see exactly where it is in Safari.

Yeah that was my first thought too, that it wasn't clearing in Safari for some reason. Although taking out the clearing div and clearing both sides of the footer doesn't work. I've actually never had this problem before.
Funny how strange things come up out of nowhere.

I stuck a border around the footer and it's behind the rest of everything.