I am having problems with center aligning an image. I have used WC3 example code. Ihe image aligns to the left.

The CSS code is;

Code:
#insta-foot {
              margin-top: 5px;
              max-width: 96%;
              height: auto;
              margin-left: 2px;
              margin-right: 2px;
              border: 2px inset #d5d6ff;
              background-color: #FEFDE1;
             }

#insta-foot img {display: block;
                 margin-left: auto;
                 margin-right: auto; 
                 max-width: 100%;
                 height: auto;
                 margin-top: 5px;
                }

The HTML code is (it's a pugin from another site to show my photographs that are on it);

HTML Code:
<div id="insta-foot">
<script type='text/javascript' src='http://instaprints.com/slideshowmouseover.php?id=22608621744&memberidtype=artistid&memberid=226086&width=120px&height=120px'></script>
<img id='faaslideshowimage[22608621744]' onClick='javascript: mouseclick22608621744(event);' onMouseOver='javascript: mouseover22608621744();' onMouseOut='javascript: mouseout22608621744();'src='http://fineartamerica.com/Blank.jpg' style='width: 120px; height: 120px; padding: 0px; margin: 0px; border: 1px solid #666666; cursor: pointer; cursor: hand;' alt='Art Prints' title='Art Prints'>
</div>
What do I need to do center align the image?