
January 7th, 2013, 03:40 AM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 1
Time spent in forums: 10 m 3 sec
Reputation Power: 0
|
|
|
Footer expands on Chrome
My footer works fine and on place on Explorer, but when it comes to chrome, it expands as showing in the attached photo.
http://postimage.org/image/f88z4y4m1/
How can I eliminate this white space under my footer?
Here is my CSS sheet:
Code:
*{
margin:0px;
padding:0px;
}
img{border:0px}
html{
width:100%;
height:100%;
background-color:#163039;
}
body{
width:1000px;
height:100%;
position:relative;
margin:0 auto;
background-image:url(imgs/bg.gif);
background-position:top left;
background-repeat:repeat-y;
}
html > body{
height:auto;
min-height:100%;
}
#header{
width:1000px;
background-image:url(imgs/header_bg_2.jpg);
background-position:top left;
background-repeat:no-repeat;
padding:301px 0 96px 0
}
.logo{
position:absolute;
top:190px;
left:155px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#595959
}
#content{
width:900px;
padding:0 0 50px 50px;
overflow:hidden;
}
fieldset
{
width:170px;
height: 100px;
padding:5px;
}
#footer
{
background-image:url(imgs/footer_bg.jpg);
}
#footer p{
padding:40px;
}
#lbg
{
width:300px;
background-color:#25383C;
color:White;
}
|