Too much space at the bottom on IE - how to solve

Hi All,

How do solve the problem with too much space on the bottom with IE(9)?
To make comparison I've uploaded two pics. The first one is rendered in IE9, which has the problem. The second one is rendered with Firefox 4.0, which is the look I've intended it to go so far.

I've have added the borders to all the <div> so that it's easily for you to make a comparison. Even I've added something like {margin-bottom: -10px} the problem still exist on IE.

Please help and thanks in advance.

1.


2.

 

Link please.

- V

 

@ Virtualize, It is testing on a local machine, not on live yet.

 

Well, it was fixed with easy solution like

{height: 50px;}

Code (markup):

. But is there any better solution than fixed height?

 

Well if fixed height fixes the problem then I do not see any other way you can possibly do this. Why is it that you do not want to use fixed height?

- V

 

Well, I feel I just want coding as minimal as possible. When code go large, page load slower.

 

Adding some minor cosmetic CSS isn't going to slow down your page, a few heights, widths in your CSS file isn't going to cause server crashes due to high pageloads!