SyntaxHighlighter BUG – Wrong Width on float:right

I have a side menu which I position using the CSS float:right property to make it stay on the right side of a containing DIV

In that same DIV I am using SyntaxHighlighter to display some source code.

Unfortunately it looks like SyntaxHighlighter calculates the wrong width. It ignores the width of the menu floating on the right, it acts as if it is not there and tries to occupy 100% of the DIV width.

In Firefox this results in the SyntaxHighlighter code overlaying the right side menu.

In IE7 this results in the SyntaxHighlighter code to be pushed down the page to start below the bottom of the menu leaving a big chunk of white space on the page.

Here’s a link so you can see the problem. I’ll leave the page like this for a bit so you can see the problem. Otherwise I’ll just switch to using the <PRE&rt; tag with a formatted background image.

LINK: https://stansight.com/WordPress/2007/10/17/tooltips-for-forms/