I put an example over here: http://tinyurl.com/37pl7l

I have an image in the footer that has an address/phone, etc.  I am 
trying to center it in the footer area.  Looks fine in Firefox but IE7 
is showing it on the left side instead of centered.

CSS validates.  I am clueless why this is not working.  Anyone have some 
thoughts?

Here is the structure:
<div id="footer">
     <div id="footerwrap">
         <div id="footimg"><img src="images/blue1/footer_txt.jpg"               
                 
alt="PRA" />
        </div>
         <div id="footercontent">
                     <p class="copy">&copy; Progressive 
Rehabilitation                                  Associates &amp; Lane Design. 
All Rights                                 
Reserved.</p>
         </div>
     </div>
</div>

And the styles:
p {margin: 12px 0;}
img { float: left; padding: 10px 10px 10px 0; }

#footer {
             background-color: #0A2F76;
             background-image: url(images/blue1/foot_bg.jpg);
             background-repeat: repeat-x;
             color: #FFFFFF;
                 margin: auto; height: 80px;width: 760px;
}


#footercontent {text-align: center;
             padding: 0;
             font-size: 0.7em;
}
#footimg img{ margin: auto; float: none !important; text-align: center;
  }
p.copy { padding: 30px 0 0;
margin:0 auto 0 auto;  }

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to