html5 pseudo div

making new elements a div in older browsers

[santapaws]

trying to put together some css that will give html5 elements div properties in older broswers.

.nav { display:block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;vertical-align: baseline;}

but it helps some elements and not others. Am i missing something to add to the properties?

[lucy24]

Is .nav a class or an element? If it's a class, as the leading . implies, you also have to look at the elements you apply it to, and make sure your css overrides those elements' properties. (Hint: If you are using !important you are doing it wrong.) So not just
.nav
but also
p .nav
li .nav
p#superimportantheading .nav
and so on depending on your specific circumstances.

General principle: if you ever need
element1.class1 (for example "td.foobar")

to override
element2.class2 element1 (for example "tr.widget td")

make sure you include, by name,
element2.class2 element1.class1 ("tr.widget td.foobar")

[drhowarddrfine]

All browsers implement the html5 elements except IE8 and under so you shouldn't have to do this. If you want to cover those browsers, too, Google for "html5shiv".