Having an issue with my code that is displaying differently in Firefox compared to Chrome.
<h2>Introducing
<span style="font-weight:bold">Analytics by </span>
<div class="fi_logo"><img src="IMAGEURL" /></div>
</h2>
The class fi_logo mentioned above is as follows:
.fi_logo {
min-width: 35px;
height: 35px;
margin-left: 40px;
position: absolute;
top: -5px;
left: 262px;
float: right;
}
In Firefox, there is a layout discrepancy caused by the margin-left in fi_logo, creating a gap between the image and the text within h2. However, without the margin-left, the image overlaps the text in Chrome.
Essentially, adding the margin-left property resolves the issue in Chrome, but results in a significant offset in Firefox. Any suggestions on how to address this?