Search code examples
htmlcssgoogle-chromemarginmargins

Strange margin bug in Chrome 9

I have run into a strange problem with Google Chrome 9: I have specified a left-margin for an input element but Chrome ignores it when I load the page.

However, when I open the Developer Tools and turn that specific declaration off and then on again, the margin is applied correctly.

The rule in question is:

margin: 8px 0 0 33%;

I thought it might have something to do with mixing units, but using:

margin: 1% 0 0 33%;

I have the same problem.

It is only Chrome where I have noticed the problem, IE9 and Firefox 3.6 apply the margin without any problems.

Is this a known problem and how can I get around it?

By the way, I´m using Windows 7 Ultimate 64-bit, I haven't tested any other versions / operating systems yet.

Update: I´m having exactly the same problem with Chrome 9 in Linux / Ubuntu 10.10

Solution

  • I messed around with the css in firebug and found that this works:

    margin-top:8px;
margin-left:33%;