Using firebug i get the following styling

style.css (line 894)
#footer {
background:url("images/footer.png") repeat scroll 0 0 #696969;
border-top:2px solid #696969;
margin:4px 0 0 10px;
padding-bottom:10px;
padding-top:0;
width:895px;
}

The red coloured section using the format trbl (top right bottom left) indicates that the margin for the footer is set to 10px, equally note that from the design its a separate component from the content area. When viewed from firefox its located on the extreme left side of the window.

There are 2ways to have everything in their right position
my observation.


On Thu, Feb 10, 2011 at 12:08 PM, victor yegon <viktayeg@gmail.com> wrote:
Am unable to go about the footer of my site http://www.financialeducationcentre.co.ke wen I Ctrl+minus the footer moves to the left while the content and the page remains at the centre. Kindly help below is the CSS code

#footer {
    margin-top: 2px;
    width: 895px;
    background: #696969 url(images/footer.png);
    border-top: 2px solid #696969;
    padding-top: 0px;
    padding-bottom: 10px;
    margin-right: auto;
    margin-left: auto;   
   
}

#footercontent {
    width: 895px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
}

#footercontent ul {
    float: left;
    margin-bottom: 10px;
}

#footercontent ul li {
    float: left;
    margin-right: 20px;
    padding-right: 10px;
    border-right: 1px dotted #ddd;
    line-height: 1.5em;
}

#footercontent ul li a {
    float: left;
    display: block;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.5em;
}

#footercontent ul li a:hover {
    color: #FF8000;
    line-height: 1.5em;
}


--
Regards
Yegon Victor

_______________________________________________
Skunkworks mailing list
Skunkworks@lists.my.co.ke
http://lists.my.co.ke/cgi-bin/mailman/listinfo/skunkworks
------------
Skunkworks Rules
http://my.co.ke/phpbb/viewtopic.php?f=24&t=94
------------
Other services @ http://my.co.ke