IE7 - a:link Issues

[stublackett]

Hi Everyone,

 

I've got an issue with my site in IE7 : http://www.goldcrestfinance.com/

 

The first one was the issue with the cursor not being an hand, I've solved that now. But in any other browser the "Property Finance" & "Trade Finance" graphics are a links. As well as the "Enter" text on the right.

 

I've set an Conditional CSS for IE 7 up, but just cant seem to get the link in the right place, be it that it works in some parts of the image.

 

My Code is as follows :

 

<!--[if IE 7]>
	<style type="text/css">            
        #back345 a {
        	cursor : pointer;
            width: 500px;
        }
        
	#back3 a { 
		cursor:pointer;
            width: 600px;
        }
        
        #back3 img a {
        	cursor: pointer;
            width: 600px;
        }
        
        .backx a {
        	cursor: pointer;
        }
</style>
<![endif]-->

 

  <div id="back345">
    <div class="back33x44x">
      <a href="property_home.php">
        <div id="back3"><img src="assets/index/link_property.png" border="0"/></div>
        <div class="backx"><img src="assets/index/link_enter.png" border="0"/></div>
      </a>
    </div>
    <div id="back4"></div>
    <div class="back33x44x">
      <a href="trade_home.php">
        <div id="back5"><img src="assets/index/link_finance.png" border="0"/></div>
        <div class="backx"><img src="assets/index/link_enter.png" border="0"/></div>
      </a>
    </div>

 

Any help is much appreciated, Thanks!

[stublackett]

I've managed to solve it by moving the a tags around.

 

Personally dont think my colleague built this site very well (He used Dreamweaver for the full wack) I just got stumped with fixes  :-\