激活 jQuery Accordian 脚本后从 Div 底部的额外填充

Question

I have designed a website that consists of the "body", a "container" to hold and center a "content" div on the page. The height of the "content" and "container" divs is set to 100%, I have also added an Accordian jQuery Script within the "content" div. Now in Google Chrome, when I activate the div that uses the jQuery Accordian Script, it show the div as expected. The page expands in height, and follows the height: 100% attribute which is coded within the External Cascading Style Sheet. But, (here's the problem), in Google Chrome, it adds extra space below the "container" div, and which shows a problem within the coding, whether it be in the XHTML 1.0 Strict, and or the CSS document. Or it could possibly be in the JavaScript.

Both of the XHTML 1.0 Strict and CSS are validated, except for one error in the XHTML document, which has already been fixed without re-uploading it to the server, which does not affect the problem any.

The specified jQuery Accordian Div is located where the image "Click To Inquire" is specified.

You can view the page at: http://www.noxinnovations.com/portfolio/thecommonwealth/index.html

You can view the css at: http://www.noxinnovations.com/portfolio/thecommonwealth/style.css

You can view the JavaScript at: http://www.noxinnovations.com/portfolio/thecommonwealth/javascript.js

If you do not have Google Chrome, and or use Internet Explorer, Opera, Apple Safari, and or Mozilla Firefox. You can view the problem I am running into as an image

Look below the red, and then the black right below it. Hence, the extra spacing.

It would be very appreciative is someone were to help me with this issue, Thank you very much, Aaron Brewer

Answer 1

No idea what the problem is, haven't invested enough time to understand. Although it goes away when I add the following to the css

#wrapper {overflow:auto}

Not sure how satisfying a "this solves it with no explanation" is:)