Sorry meant to say XHTML Strict.

I'm doing a project for a course I'm doing in which I have to create a website using XHTML 1.0 Strict (along with javascript/CSS etc).

I have problems aligning my images in my banner. It works fine in XHTML transitional but once i switch to Strict a line is created below one of the images (in both Firefox and Explorer):



Heres a link to the code/pages:

Test Site

The Home page and Gallery pages are both set to strict and you can see the space but if you at the other pages (which are transitional) there is no gap.

I think its something about the baseline for the images but not sure how to sort it. Is there anything i can add to my CSS style **** to fix it..

Thanks - I appreciate any help on this.