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;
}