thank you Swanson Photo’s.
Following is my style.CSS code, I’m still not sure what code to put where
/* begin —————————————- footer */
#footer-container {
position: relative;
z-index: 6;
width: 100%;
height: auto;
display: inline-block;
}
#footer {
margin: 0 auto;
width: 958px;
height: auto;
margin: 0 0 20px 0;
display: inline-block;
background: #191919 url(‘images/footer_bg.png’) repeat-x;
border: #191919 1px solid;
color: #fff;
position: relative;
float: left;
}
#footer-border {
display: inline-block;
border: #555 1px solid;
width: 956px;
height: auto;
position: relative;
float: left;
}
#footer .sidepanel {
width: 200px;
display: inline-block;
float: left;
margin: 35px 20px 0 19px;
padding: 0 0 35px 0;
position: relative;
color: #777;
font-size: 12px;
text-shadow: #000 0px -1px 0px;
}
#footer .sidepanel h3 {
color: #fff;
size: 17px;
margin: 0 0 20px 0;
}
#footer .sidepanel a {
color: #bbb;
}
#footer-links {
display: inline-block;
list-style: none;
padding: 0 0 15px 0;
}
#footer-links li {
float: left;
margin-right: 15px;
}
/* end —————————————- footer */