Drupal: if I enable CSS files optimization my website layout changes

Question

So, this is funny.

If I Enable to Optimize CSS files, my website is stuck to the left of the browser window.

If I disable it, it is in the middle.

What's the reason of this behavior ? Are some CSS files badly merged or what ?

Update:

/* safari only */ @media screen and (-webkit-min-device-pixel-ratio:0){ .list-add-to-cart { line-height:6px; }

Answer 1

It appears that some files are cached and you get the wrong cached versions.

Clear the Drupal cache and your browser's cache and try again.

Answer 2

Yes, it sounds like the merging isn't working correctly. Usually this is caused by bad CSS. I'd start by running it through the CSS Validator.