I am having a specificity problem that I need help with. I am trying
to create an info box that floats to the right within my main content
div that uses the cascade to supply the styling. The content of that
info box needs to be marked up using plain html elements, because the
content writers that I am working with can barely understand that, let
alone adding classes or heaven forbid, inline styles.
According to what I know about specificity, this should work:
h2{font-size:1.5em;line-height:1.5em;}
div.extra-info h2{text-transform:uppercase; font-size:1.2em; line-
height:1.5em;}
It works in Webkit, but not in Gecko or IE.
The full example can be found here: http://dangayle.com/test.html
Any thoughts?
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
