Hiding H1 not working

[johnt13]

Hiding H1 not working [SOLVED]

NEEDED TO PUT # instead of DOT

I have tried display: none and visibilty: none and neither are working.

#headline {
position:absolute;
left:300px;
top:55px;
width:470px;
height:194px;
background: url(images/headline.jpg);
}

.headline h1 { visibility: none; }

============HTML==============

<div id="headline" style="background: url(images/headline_01.jpg)">
<h1 class="headline">PAGE TITLE HERE</h1>
</div>

If I just make it h1 {visibility:none} it works but I want it specific to the headline class because I will be using H1 elsewhere.
Can anyone see anything wrong?
Thanks in advance!

 

[chadsmith]

h1#header {display:none} should do it too. If it doesn't work you probably didn't set a doctype.

 

[johnt13]

Great catch!
It's a test file so I didn't add any header stuff...

Appreciate it!