spacing issue with inline h2 and h3 tags within a ul

[realmuffin]

There's a strong chance that I didn't do this right, but I wanted to use a UL with inline LI's for navigation, because it's more semantic..

The problem I'm having is that I can't seem to affect the margin above.

Here's my staging site: http://impactgr.com/chris/test4

I want to add margin above the word 'marketing', 'web' etc, so I've tried:

ul li h2 {
display: inline;  
font-weight: normal;
margin-top: 25px;
}

but it doesn't add any margin above..

Does anyone have an idea why? does it have to do with the fact that I've made the h2 inline? I thought you could add margin to inline elements...

thanks for any help!
Chris

[Frank62]

Removing the inline property of the h2 does it in Firefox 4.