Sidebar Does Not Render Properly in Firefox, But Does So on IE7

Hey guys,

I tried creating a second sidebar — the theme I am using came with only one — that is nested right next to the first sidebar.

In IE7, it renders just as I want it. In Firefox, however, it does not.

See example of problem here:
https://polihack.com/wordpress/images/polihack.png

As you can see, the sidebar I created shows up on the far left side, covering the fixed toolbar I have, with the content of it pushed to the bottom of the page.

In IE7, it shows up nested right next to the sidebar on the right where I want it to be.

I’ve tried floating it to the right but it goes all the way to the right. (I have a widescreen laptop so it looks especially bad if I do that.)

Right now, I have the “sidebar2” aligned to the right.

In the Index page, here’s how I am calling it:

[code]
</div> <?php /* navigation */ ?>

	<?php else : ?>

		<h2><?php _e('Not found'); ?></h2>

		<p><?php _e('Sorry, that was not found.'); ?></p>

		<h3><?php _e('Search'); ?></h3>

		<?php include (TEMPLATEPATH . '/searchform.php'); ?>

	<?php endif; ?>

<?php get_sidebar(); ?>

<?php include (TEMPLATEPATH . '/sidebar2.php'); ?>

<?php get_footer(); ?>
[/code]

The CSS for the alignment looks like this:

[code]
.sidebar {
	text-align: left;
	padding: 20px;
	border-top:solid 1px #CED4CA;
	border-bottom:solid 3px #CED4CA;
	border-left:solid 1px #CED4CA;
	border-right:solid 3px #CED4CA;
	margin: 5px;
	background-color:#FFFFFF;
	font-size: 0.9em;
}

.sidebar2 {
        align: right;
	text-align: left;
	padding: 20px;
	border-top:solid 1px #CED4CA;
	border-bottom:solid 3px #CED4CA;
	border-left:solid 1px #CED4CA;
	border-right:solid 3px #CED4CA;
	margin: 5px;
	background-color:#FFFFFF;
	font-size: 0.9em;
}

[/code]