http://www.invisiblewebdesign.co.uk/temp/tst/

Can someone please let me know why my footer is jumping up in firefox... I cannot think why it should be doing it..

Thank you

css -

PHP Code:
*
{
        
margin:0;
        
padding:0;
}

body
{
        
font:8pt arialverdanasans-serif;
        
color:#a1a1a1;
        
text-alignleft;
        
background:#e5e1c8;
        
background-imageurl('../images/background.jpg');
        
background-positiontop center;
        
background-repeatno-repeat;
}

h1
{
        
font:13pt verdanaarialsans-serif;
        
font-weight:700;
        
color:#003c81;
        
text-align:left;
        
padding-left:5px;
        
padding-bottom:5px;
}

h2
{
        
font:10pt arialsans-serif;
        
color:#036;
        
font-weight:700;
        
text-align:left;
        
padding-left:5px;
}

h3
{
        
font:8pt verdanaarialsans-serif;
        
color:#036;
        
text-align:left;
        
padding-left:5px;
}

#outercontainer
{
        
width:882px;
        
background:#fff;
        
margin:0 auto;
        
background-imageurl('../images/outerbackground.gif');

}
#innercontainer
{
        
width:770px;
        
background:#fff;
        
margin:0 auto;
}
#content
{
        
width:770px;
        
background:#fff;
        
margin:0 auto;
}
#header
{
        
height:150px;
        
width:770px;

}

#navigation
{
        
height:31px;
        
width:770px;
        
text-align:left;
        
background-imageurl('../images/navback.jpg');
        
color:#a1a1a1;
        
padding-top10px;
}

#navigation ul
{
        list-
stylenone;
        
padding0;
        
margin0;
}

#navigation li
{
        
floatleft;
        
margin0 0.15em;
}

#navigation a
{
        
font:8pt arialverdanasans-serif;
        
font-weightbold;
        
color:#a1a1a1;
        
text-decorationnone;
}

#headerbar
{
        
height:40px;
        
width:770px;
        
text-align:left;
}

#leftcolumn
{
        
width:210px;
        
background-color#fafafa;
        
float:left;
        
padding15px 20px 0px 20px;
}


#centercolumn
{
        
width:320px;
        
text-alignjustify;
        
padding15px 20px 0px 20px;
        
float:left;
}

#rightnav
{
        
width:120px;
        
background-color#fafafa;
        
padding15px 20px 0px 20px;
        
float:left;
}

.
orangetitle
{
        
font:8pt arialverdanasans-serif;
        
color:#f89b1c;
        
text-alignleft;
        
font-weightbold;
}

#footer
{
        
height:32px;
        
width:882px;
        
background-imageurl('../images/footer.gif');
        
margin:0 auto;