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">© Progressive
Rehabilitation Associates & 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/