[RESOLVED] h1 problem

[KDLA]

Page here: http://archivesweek.ky.gov/default-test.htm

The <h1> I'm using is vertically overlapping itself (IE and Fx). Here's the current css:.content h1 {font-size: 1.25em; border-bottom: 1px solid #6d5959;}
I've tried changing line-heights, padding, & margins. Nothing has prevented the problem. Any ideas?
Thanks
KDLA

[dthurman1432]

change your font-size to pixels

[KDLA]

Has to be in em -- accessibility concerns. Absolute sizing won't allow text enlargement.

[dthurman1432]

oh ok, I thought I would throw that out there since your link doesn't work

[nataliemac]

What if you try a percent for the font-size?

Do you have some sort of negative margin or line height assigned to .content that your h1 is inheriting?

Sorry, I can't view your page. My connection just times out.

[KDLA]

Try this link instead:
http://kdla.ky.gov/events/archivesweek/default-test.htm

Sorry - we just changed servers and something might be out of whack.

Thanks!

[the tree]

Hows about:<h1>
Kentucky Archives Week:
<span
class="headerexpansion"
style="display: block; margin-top: 0.2em;"
>
October 9-15, 2005
</span>
</h1>

[KDLA]

That worked - thanks!