This works in IE but not firefox (or any other browser really)

This works in IE but not firefox (or any other browser really)


Hi There,
I have a login form that calls a php script to authenticate users. If
the user enters invalid credentials (or none at all), then an error
page is displayed in the correct div with an option to log back in. If
they do authenticate OK, then the secure page is displayed in the
correct div...so far, so good.
However, this only seems to work in IE. With Firefox and others, it
opens up the errorpage or secure page in a window outside of the
correct div (so therefore no css and it's not surrounded by the rest
of the site.
You can view it here.
Go to www.cantle.me and click the "Mail stats" tab. Click the link
that requires authorisation. If you just hit the "Login" button,
you'll get an error. It will not display it properly in anything other
than IE.
I have this code in my html.
$(document).ready(function() {
var options = {
target: '#main',
clearForm: true
};
$('#loginform').submit(function() {
$(this).ajaxSubmit(options);
return false;
});
});
Any help would be appreciated.
Thanks
Paul