text positioning different in Firefox to IE

[elv8]

Hi, I have almost completed a site for a friend which has taken me well over 2 weeks already as I'm just getting into CSS sites. I have a slight problem with my text in Firefox and IE, it appears to be fine in Firefox but in evil Internet Explorer the
headings are moved upwards,
the dotted line is has far too large spacing from heading,
the background of the wrapper is apparently not transparent in IE6

and also contact button has a tranparent bckground behind it which it should just float on top of the site as in Firefox. Is there a quick hack to solve all of this as I don't really know where to even begin, I've looked on the net but the more I look the more I get confused. Any help is much appreciated please. :)

here is the test site - www.bodyboarding.net.au

Please try in different browsers and see if you are getting what I am seeing.

[Centauri]

See what differences there are after the changes I suggested in the other thread. I'm guessing that the png transparency issue in IE6 is not addressed by the Dean Edward's IE8 javascript linked to, but not sure. Will have to investigate exactly what issues it addresses (so far I cannot see what difference it would make anyway - the way the site is being coded IE6 issues are dealt with). May need the pngfix javascript.