I have a big problem that i have not been able to solve. First let me start off by saying this is my first time designing a website not using tables. It's really been a pain coding the css but I really like the result I get. Anyways i have a contact forum that is checked by javascript, and it writes the errors into a empty div tag, if there is any. I have ran into the problem in i.e 6 & 7 where the box where the display tag is leaves a empty space when the scrollbar is moved. It looks fine if I refresh the page well the browser is scrolled to the bottom, but as soon as i move the scrollbar it messes it up. It's before any css properties are changed with javascript or anything. I think it may have to do with the display none css property, but I am not sure. Anyways seperate stylesheets are loaded for ie & Mozzila based browsers so I hope this doesn't confuse anyone. Any help would be appeciated.

Here's the url

https://crux.baker.edu/~jeverd01/jmetest/contact.htm

Ok I figured out how to get around this but it really isn't practical or should it be necessary, so if anyone can explain to me why this is happening i would really like to know. I call my forum reset function

reset1()

on the event onload on the body tag and it takes care of the problem. I noticed after I cleared the forum this problem disappeared so I tried this and it did work. I guess i really just want to know what the problem is so I don't have to do this.