Problem with links as part of header

Problem with links as part of header

Hello folks,

Having the following issue. I have a header that has not only a link in it to open the accordion, but also a link in it to "get more info" regarding the title of the header [which is a different link to a different sub page]

It is structured like so:

  1. <div class="menu">
  2.         <div class="header">
  3.                 <a href="#">title</a>
  4.                 <a href="http://someotherlink.com"><imr src="someicon.jpg" /></a>
  5.         </div>
  6.         <div class="subitems"></div>
  7.         <div class="subitems"></div>
  8.         <div class="subitems"></div>
  9.         <div class="header">
  10.                 <a href="#">title</a>
  11.                 <a href="http://someotherlink.com"><imr src="someicon.jpg" /></a>
  12.         </div>
  13.         <div class="subitems"></div>
  14.         <div class="subitems"></div>
  15.         <div class="subitems"></div>
  16. </div>

This works perfectly, meaning that I can use the accordion just fine, as I init with "header:.header " but as stated above, the img icon links will NOT work, instead it opens the sub menu... meaning that the accordion over-rides the link from the href

:-(

is there any way I can get around this issue??

Thanks!