Unwanted scrollbar in Firefox

How disable this?

[dbarasuk]

Hello,
I have a wrapper div of 750px containing a div menu of 145px and a content menu of 600px like this:
<div id="wrapper">
<div id ="menu"></div>
<div id="content"></div>
</div>

The menu floats from left while content float from right.

The content div contains a table of 500px wide. BUT on the bottom of the page there appear an unwanted horizontal scrollbar and i don't see how i can clear it. The problem does not show up in Internet Explorer.

Any idea please of how to clear that scrollbar? or even understand why it sits there while it shouldn't? (there is enough place for it not to show up)

[D_Blackwell]

Not enough information to replicate the problem, but I would start commenting containers in and out until locating the trigger to the horizontal scrollbar. Sounds like it should be fairly simple.

You mention wrapper div of 750px; - How wide do you have to take the viewport to lose the scrollbar? Or is there something about the markup that "builds in" the scrollbar and it won't go away at all?

[Fotiman]

There is probably some element that has padding that is pushing the elements around. My advise would be to install Firebug for Firefox and use the DOM inspector to see which styles are applying to each element. This will tell you which elements are wider than you think.