Slight CSS problem

[Jordie]

My CSS is valid, as is my XHTML but I have a slight problem with the .head class.

http://www.hexi-decimal.com/2.php

See with the header that says "Welcome!", the text overlaps with the dotted underline?

How can I fix this?

[RetroNetro]

Hello

You can add this to the .head in the css file

padding-bottom: 5px;

but I noticed that in Firefox the line is not dotted, I changed it from dotted to dashed and it seems to work. Also you can shorten it up by changing it like this:

.head{
 font-family:georgia, arial, sans-serif;
 font-size:18pt;
 color:#9BBCFF;
 font-weight:bold;
 text-transform:uppercase;
 border-bottom: 1px dashed #7095FF;
  padding-bottom: 5px;
 }

Maybe you had the top, left and right borders set to white there for a reason?

Hope this helps

Later
Johnny

[Jordie]

Thank you Johnny.

[Jordie]

Hm. The header at the very top of the page seems to be cut off a bit...

[Jordie]

Thanks, the problem is fixed now.