I'm trying
to get everything in the anchor tag
to be a clickable
link. Unfortunately, in IE6 (which is the only browser I'm concerned with currently), the only thing that isn't a clickable
link are the inline images. I know that it's not valid html
to put a div inside of an anchor but it's not my markup and I've been asked
to avoid changing it. Any suggestions
to altering the CSS
to enable the images as clickable links? If changing the markup is the only solution... any suggestions there? My initial thought was
to set the image as a background of it's parent (.ph-item-featured-img), although I'm unclear if that will solve the problem.
Thanks!
<div class="tab-panel-init clear ui-tabs-panel ui-widget-content ui-corner-bottom" id="ph-flashlights">
<a href="#" class="last ph-item-featured clear">
<div class="ph-item-featured-img">
<img src="#">
</div>
<strong>
PRODUCT CODE
</strong>
<p>
PRODUCT CODE Heavy Duty Aluminum Led Flashlight
</p>
<span>Learn more ></span> </a>
<a href="#" class="last ph-item-featured clear">
<div class="ph-item-featured-img">
<img src="#">
</div>
<strong>
PRODUCT CODE
</strong>
<p>
PRODUCT CODE Heavy Duty Aluminum Led Flashlight
</p>
<span>Learn more ></span> </a>
</div>
