[Solved] Max-width dont work in any browser except Chrome.

[sqnkov]

Hello to all!

I have a really really nasty problem (for me) that I am trying to work-out from lastnight, but still I made no proggress.

Here is a fiddle, the visual part is self-descriptive.

http://jsfiddle.net/sqnkov/qcmDV/6/

[sqnkov]

The grey rectangle is overflowing out of the div with the black border. Under Chrome it is not overflowing, it is resizing thanks to max-width which is set for images and containers in the browser-home div.

Thanks for your reply in advance!

[sqnkov]

No, I am working on it on my hard drive. The fiddle contains my problem, thats why I said it was self-explanatory. The grey box is overflowing for no reason.

[sqnkov]

I did remove the width:100% for browser-canvas, gave it a position of relative and set the left and right to 0, but the problem persists.

[sqnkov]

Excuse me…

I messed things up, I switched the position of the parent and child divs.. It worked!

Thank You very much!

[Author]

Posts