Distance between lines - IE6

[laertjansen]

Hello everyone,

I´m working on a new folio http://www.laertjansen.com/test/ (http://www.laertjansen.com/test/aboutme.html) and have been fighting with css.

With FF its working fine but with IE6 there´s a gap at the bottom and I can´t figure out why the difference between FF and IE 6. The distance between the last line "laert jansen" and the footer is higher in IE6.
And the distance between the first line "My name is Laert Jansen" and the line hr is higher too.

Here´s the css for this part:

#left { margin: 20px 60px 80px 30px; height:520px; background:none; width: 630px; }
#aboutme{ width: 120px; font-style: italic; color:#0099ff; margin:15px 0 15px 30px; font-size:130%; background:none; border-bottom:none; }
h4 { color: #000;; font-size: 88%; background-color: #fff; padding: 5px 5px 5px 5px; width: 397px; margin-bottom: 25px; margin-top: 20px; }
.txt p { color: #ccc; font-size: 71%; line-height: 23px; margin: 15px 0 0 0; background-color: #fff;}
.txt p span { background:#1C1C1C; border-bottom:1px solid #0099ff; }

Thank you very much in advance for any sort of help,

Laert

[Snookerman]

It's recommended not to have padding for an element that has a specified width like you have for the h4 tag. Try removing the padding and see if your problem remains.

Good luck!

[laertjansen]

hummmm no nothing changes....

[Snookerman]

These span and p tags are closed in the wrong order:

<p><span>Thank you very much for visiting me.</p></span>
<p><span>Share love.</p></span>
<p><span>Laert Jansen</p></span>

Change it to this:

<p><span>Thank you very much for visiting me.</span></p>
<p><span>Share love.</span></p>
<p><span>Laert Jansen</span></p>

There could also be other issues, I suggest you try to validate your code (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.laertjansen.com%2Ftest%2Faboutme.html) to be sure.

Good luck!