div height changed with IE.

[mascouta]

I have a lot of problems with IE browser, one of them is described in this topic.
in my website i have div Calculator with background image. it displayed perfectly with Firefox browser however in IE browser the height of the layer increased and it shown longer than the regular height which makes troubles with the footer of the website.

This is the CSS of the layer:

.demo  {position:absolute ; top:710px; left:380px; z-index:99;  visibility:hidden;}
#calc * { margin: 0; padding: 0; }
#calc img, #calc fieldset { border: 0; }
 
#calc { width: 361px; height: 100%; line-height:18px; background: url(images/bg_02.gif) repeat-y; }
#calc .top { width: 361px; height: 100%; line-height:18px; background: url(images/bg_01.gif) no-repeat top; }
#calc .bottom { padding-bottom: 10px; width: 361px; line-height:18px; height: 100%; background: url(images/bg_04.gif) no-repeat bottom; }
#calc .container { width: 335px; height: 100%; line-height:18px; float: left; padding: 15px 0 10px 15px; overflow: auto; }
#calc .prop { width: 1px; height: 464px; line-height:18px; float: right; font-size:1px; }
#calc .label { margin: 15px 0 0 0; }
#calc option { padding: 0 3px; }
 
/* calculator glass */
 
#calc .glass { width: 308px; height: 41px; background: url(images/glass.gif) no-repeat; text-align: right; border: 1px solid #eee; }
#calc .glass div { margin: 8px 10px 0 0; }
#calc .glass div input { font-size: 24px; } 
#calc #amount { border: none; background: transparent; text-align: right; width: 90%; }
 
/* buttons */
#calc .buttons { width: 335px; height: 213px; background: url(images/buttons_01.gif) no-repeat left; }
#calc .buttons .button-area { width: 182px; height: 100%; float: left; }
* html #calc .buttons .button-area { width: 185px; }
#calc .buttons fieldset { margin: 0; padding: 0; overflow: auto; }
#calc .buttons input, #calc .buttons img { margin: 0; padding: 0; float: left; display: inline; }
* html #calc .close { margin-left: -4px; float: left; overflow: auto; }
 
/* button #s */
.i1    { width: 60px; height: 43px; background: url(images/buttons_02.gif) no-repeat; border: none; }
.i2 { width: 61px; height: 43px; background: url(images/buttons_03.gif) no-repeat; border: none; }
.i3    { width: 61px; height: 43px; background: url(images/buttons_04.gif) no-repeat; border: none; }
.i4    { width: 60px; height: 42px; background: url(images/buttons_06.gif) no-repeat; border: none; }
.i5    { width: 61px; height: 42px; background: url(images/buttons_07.gif) no-repeat; border: none; }
.i6    { width: 61px; height: 42px; background: url(images/buttons_08.gif) no-repeat; border: none; }
.i7    { width: 60px; height: 41px; background: url(images/buttons_09.gif) no-repeat; border: none; }
.i8    { width: 61px; height: 41px; background: url(images/buttons_10.gif) no-repeat; border: none; }
.i9    { width: 61px; height: 41px; background: url(images/buttons_11.gif) no-repeat; border: none; }
.ic    { width: 60px; height: 40px; background: url(images/buttons_12.gif) no-repeat; border: none; }
.i0    { width: 61px; height: 40px; background: url(images/buttons_13.gif) no-repeat; border: none; }
.calculate { width: 182px; height: 47px; background: url(images/buttons_15.gif) no-repeat; border: none; }
#calc .close-button { width: 69px; height: 47px; background: url(images/buttons_16.gif) no-repeat; border: none; float: left; }
 
/* headers */
#calc h3 { width: 100%; line-height: 2em; text-align: center; }
 
/* text formatting */
#calc { font-size: .8em; font-family: Arial, Helvetica, sans-serif; }
#calc select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
 
/* font size */
.f08 { font-size: .8em; }
.f10 { font-size: 1em; } 
 
/* font colors */
.fwhite { color: #fff; }
 
/* background colors */
.c678bbb { background-color: #678bbb; } /* medium blue */
.ce6e8f7 { background-color: #e6e8f7; } /* light purple */
 

Screenshot of the calculator in Firefox ( OK )

and in IE 7 ( Problem ) .

Please help me asap.

Thanks in advance,

[drhowarddrfine]

I have a lot of problems with IE browser

As does the rest of the world.

Showing the CSS is only half the picture. Without the html, it does little good. A link is preferable.