html, body {
height: 97%;
}
body {
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
}
/* Footer Fixed by Css */
#wrap {
min-height: 100%;
}
#main {
overflow: auto;
padding-bottom: 20px; /* must be same height as the footer */
}
#footer2 {
position: relative;
margin-top: -20px; /* negative value of footer height */
height: 10px;
clear: both;
background-image: url(../Images/footerbg.jpg);
background-repeat: repeat-x;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #282828;
text-decoration: none;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/* margin: 0px;*/
}
/*Opera Fix*/
body:before { /* thanks to Maleika (Kohoutec)*/
content: "";
height: 100%;
float: left;
width: 0;
margin-top: -32767px; /* thank you Erik J - negate effect of float*/
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher.
[if !IE 7]>