Coding problems

Hello,

I recently made this blog:

www.smelleh-but-tasteh.blogspot.com

And I'm having a couple of problems with my design. First off, I designed it using IE, and it looks just fine in IE. But it looks messed up in Firefox.

- The footer, or end, of the page looks good in IE but really jagged in Firefox.

This is the code:

Code: [Select]

/* Footer
----------------------------------------------- */
.footer {
	text-align: right;
        margin-top:-55px;
	color: #717171;
        padding:20px;
	background: #5c5c5c url(http://img199.imageshack.us/img199/8273/footer3v.png) no-repeat 0 0;
        width:950px;
    overflow:hidden;
}
.footer .theme a {
	color: #BBB;
	text-decoration: none;
}
.footer .theme {
	float: left;
}

This is my full code of the template:
http://bloggerforum.pastebin.com/f3da68f46

Thanks in advance!