Java Script HELP!!!!

Hi all,Got a big problem with thie javascript a friend wrote for me, but he is unavailiable to help me fix it. Hope somone can help me with it.I have this front page that my client wants to have lots of information on, but dosnt want the user to scroll down the page. I did sudjest having the information on diffrent pages, but he dosnt like that idea. Instead he wants 6 heads on the page, and when a header is selected the required information for that header drops down below it.Now i have kinda got this working using a Javascript as i said, and using <DIV> tags with required ID's for the tags. But it only semi works and has some errors and clashes with the style sheet with the page.You will be able to see what i mean by viewing the page here ......http://dev.hbdi.co.uk/Test/Operation%20%26%20Maintenance%20Management%20Cente r.htmNow when you view the page, you will see alot of gaps in between the heads, which i want to be able to close up. But cant as yet. Also when i select a header the text appears which is great, BUT a line appears under it, which is very wierd, cause nothing in my code/CSS tells it to show a line.PLEASE any help would be so much appreciated.Thanks Dan

To close the gaps....

Instead of visibility: hidden, use display:none;

__________________
Click the 'Thanks!' button if this post has helped you

Rob - Webforumz Founder