I was having another issue about the background image itself, I was looking for a way to make it keep its shape while resizing the browser window. I did:
body {
background: url(images/bg.png) no-repeat center top fixed;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
The problems are resolved now. When I isolated CSS items one by one, I found that fixed
resolves the reflow problem.
Thank you @Jon Jaques
for your usual help.