how can i end the space between a line and the headings

Hey all,
I have recently implemented a website using divs. i am having some issues in it which i am unable to solve them. So i need help as i am expecting positive response from here.

Well first of all i am having space in my headings and a line under these headings. there coming a space of 2 to 3 pixels among them. I try to resolve it by using maring and padding property set to 0 but it's all in vain. Can somebody help me out to sort out or fix that problem. I will be really very grateful to him.

Here the URl of My page
PAGE URL

When you will view the page then you will see the space of 2 or 3 pixels among the headings VISION, HISTORY, MISSION and the line under these headings.

Kindly help me out to sort out my problem as i need its fixing so plzzzzzz


kind regards,
Mohsin Rafique

re: how can i end the space between a line and the headings

Very attractive site, Mohsin.

The space under your heading is caused by the baseline of the text and the highlight image. If you set 'vertical-align:bottom' to that image, you'll see it close the gap there. This will work for the other images with the other links as well.

re: how can i end the space between a line and the headings

Thank you very much sir. I have done that. But i was unable to control the extra margin through vertical align property. I used margin-top/left/right/bottom properties in negative and plus values and it works. There is only last problem i am left with and if you will guide me then i will really appreciate your corporation.
My problem is that when i view my website in IE6 it remains at the top of the page in IE. Not place elements properly in IE6.

Here is the URL that you guys can see for more clearance.
My PAGE URL