CSS mystery: Width being set to 0px without any CSS rules?

Question

So, check out this screenshot of a page I\'m working on in Chrome Developer Tools:

The top rule in \'Matched CSS Rules\' suggests that the width of the elemen

Answer 1

It has display: inline property, which makes the element ignore your width,height values, even if they are marked !important

Answer 2

the link uses display: inline;. You want either display: inline-block; or display: block; (if you need IE6-7 support).

You may want to read the spec on the display property.

Answer 3

Since this is a display: inline element you can't set it's width. Try display: inline-block.