I have 2 images in my menu bar header that are not showing up in my header for some reason. They show up in IE9, Firefox, Safari, and Chrome. But for some reason they aren't showing up properly in IE8. I'm not sure what the problem is. Every page on the website has this problem. Below is a link to one of the pages.
http://www.ibewlu220.org/_html/_Units/CPNPP/CPNPP.html
The code in the head section is:
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
}
The code in the header div is:
<div class="fltlft">
<a href="http://www.ibewlu220.org"><img src="../_images/_Logos/IBEW220logo.gif" alt="IBEW LU 220" name="IBEW LU 220" width="240" height="120" id="IBEWLU220" align="left"/></a>
</div>
<div class="fltrt">
<a href="http://www.ibew.org/" target="_blank"><img src="../_images/_Logos/ibew_logo.gif" alt="IBEW" name="IBEW" width="120" height="120" id="IBEWLU220" align="left"/></a>
</div>
Thanks for your help.
