CSS Help Needed

I have a custom theme, with a wide column on the left and a sidebar (float) on the right.

All is well UNTIL I use the Link Library plugin. Something about the styling of the output is messing up my site… in FF, the left column has a huge gap after the link list and doesn’t resume until the end of the right column is reached, and in IE, it’s the opposite — the link list has a huge gap ABOVE it and won’t start until the column on the right is at the end.

Example page: http://bellingham.org.customers.tigertech.net/things-to-do/golfing/

The links are being output in a table inside the main content area. I’m not super-well-versed in floats so it’s probably something really easy I need to do to the styling of the table to make it play nice with the sidebar, but I can’t figure it out.

Here is the CSS for the left section (main content):

.twoColFixRtHdr #mainContent {
	background: url(images/content_top_bg.gif) top no-repeat;
	margin: 0;
	padding: 10px 20px 10px 20px;
}

Here is the CSS for the sidebar:

.twoColFixRtHdr #sidebar {
	float: right;
	width: 300px;
	background-color: transparent;
	padding: 15px 20px 10px 0px;
	margin: 35px 0px 0px 0px;
}

And here is the CSS for the link table plugin:

table.linklisttable {
	width:100%;
	border-width: 0px 0px 0px 0px;
	border-spacing: 5px;
	/* border-style: outset outset outset outset;
	border-color: gray gray gray gray; */
	border-collapse: separate;
}