Placing An Element That Won't Display

Hi!

I'm trying to place the element "Blog" on the blog page just above the content but it's not showing.

The element is:

<div class="pageBlog">
	•••  BLOG  •••
</div>

The hook: 'before-content'
Priority: 10
Display rules: Location:Page/Blog

The CSS:

.pageBlog {
width: 100%;
padding-bottom: 30px;
background: white;
text-align: center;
font-family: cinzel,serif;
font-size: 25px;
letter-spacing: .1em;
color: #666;
}

Thanks for the help!

John