The display property lets you define how a certain HTML element should be displayed. display: block means that the element is displayed as a block, as paragraphs and headers have always been. A block has some whitespace above and below it and tolerates no HTML elements next to it, except when. Update - I added the suggestions left on Ajaxian and in the comments and updated the browser versions to consider Safari 4, IE 8, and Chrome 2. Update - I added some new Firefox hacks from @pornelski, which are very unique in that the target selector is . @media screen and (-webkit-min-device-pixel-ratio:0) no longer works in Chrome for Mac v31 (not sure in which version this stopped working). Many of the these are missing indications that they work in IE10+. Hacks are still relevant to newer versions of IE, because even IE11 has its own major quirks (like it’s positioning of fixed nested elements).

Css browser selector ie8

There is no such thing as a browser selector. There are hacks that take advantage of bugs and/or glitches in specific browsers' CSS parsers, but relying on these. An extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. Selector Hacks. body:mobilefocus.netor, x: moz-any-link, x:default {} . firefox ≥ 3. # .. [if gte IE 8]> Internet Explorer 8 or greater