I am currently designing a site without the use of tables. Although I will past my code bellow, I will explain what I intend to do: Each div contains a text header, a button (plus or minus) located to the right of the label, and text below (which may be a list of items, or a block of text); the latter being contained inside of another div (so it's a div inside of a div)
Once the user clicks on the button or on the <h3>label, I would like the div that contains the list or the block of text to go down to height zero, which would bring the bottom divs upward and resize the height of the entire page (which is set to auto), and change the button from minus to plus (which will not be visible since the files are not included, but it's okay because that part works well anyway).
This mechanism works well in firefox and ie7, but i6 hides the visibility of the contents upon a click without resizing the div to zero; therfore I don't get the expanding/contracting effect that I was hoping for.
Please note the attached txt and css files.
Thank you in advance for any assistance.