Menu
Okay,
[code=html]
<div id=”content”>
<h1 class=”history”><span>My text</span></h1>
</div>
and
[CSS]
#content h1{
background: url(images/h1.gif) repeat-x left top;
height:50px;
}
#content .history
{
background: url(images/historie_h1.gif) no-repeat left top;
}
[/CSS]
h1.gif is after it’s repeat-x a gray bar.
historie.gif is just an image.
So it should result in:
a gray bar with on the left on top of the gray bar the image.
But: PROBLEM!
Somehow historie.gif overrules the h1.gif resulting in showing only the historie_h1.gif!!
Why?
And is there anyother way of solving this (without using another pair of <div>’s)
Thanks.