My code snippet looks like this:
<style>
.earthlogo{float: right; margin: -270px 0px 0px 0px;}
</style>
<div class="banner">
<p>ENVISIONING A BETTER TOMORROW</p>
<div class="earthlogo">
<img src="images/earth.png"/>
</div>
</div>
In Firefox and Google Chrome, the negative margin applied to the earthlogo
class works fine. However, it seems to be causing an issue in IE 7. I'm wondering if this is the correct way to apply a negative margin in CSS and why it's not functioning as expected in IE 7. Any tips on resolving this IE issue would be greatly appreciated.
Thank you!