Question

When I add the height to div tag It is not same height ie and firefox. I cannot put 100% on the div tag. Can you please any Help me to fix this issue. I have attached Css Code here, Please Click here to see the site.

#payment{
    width: 265px;
    border: 1px solid #cecece;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    box-shadow: 0 2px 7px rgba(50,50,50,0.46);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    display: block;
    position: absolute;
    float: right;
    height: 230px;
    padding: 10px;
    left: 549px;
}

Answer 1

This could be an issue with padding. IE and firefox parse padding differently. Firefox adds padding with height/width of the div (so the total height/width will be defined height/width+padding) wherein IE doesn’t add that. This occurs with older versions (< IE9).

You can try following for older versions of IE.

<!--[if lt IE 9]>
#payment{
    width: 285px; /* original width + padding on left and right */
    height: 250px;/* original height + padding on top and bottom */
    padding: 10px;
}
<![endif]-->