I want to reduce the page width to 730 px, so that I can display the whole blog within an iframe on an existing html webpage.
I have reduced the #wrapper div to 730px and eveything looks fine.
The problem I have is that the #container div has a right-margin of -240px which sticks out from the right side of the content area, which gives me horizontal scrollbars when viewed in the iframe.
I can't understand why the #container has a right margin, and when I try simply setting the margin to 0px, the right hand column disappears!
Can anyone help? The blog is here: http://www.pyrosure.com/blog/