How to highlight specific news in epapper website?

I am working on a epapper application like wwww.express.com.pk and facing some challenges. So far what I know is, the front page of epaper website is actually a single large image. When user hover mouse over any news on that front page (single large image), I have to highlight that news(portion of that single large image). I have done something like this. My front page is (single large image)

<div id="Express_MainContent_imgdiv">
  <img src="Images/FrontPage1.jpg" border="0">  
  </div>

and i manage to highlight specific news on that like this

<div onclick="NewWindow('PoPupwindow.aspx?newsID=1101762621"
         id="div1" name="div1" style="border:
         2px solid red; removed: pointer; z-index: 15;
         removed: absolute; removed 155px;
         removed 223px; width: 242px; height: 74px;"
          onmouseout="ClearElement(this,'xb')"
          önmouseover="HighLightElement(this,'art','xb')">
     </div>

But I am doing this manually. The challenge is every news(portion of image) has different size and length etc. How can I apply styling dynamically on every news (highlighting that news, or bordering) on the front page. If you have any solution or apart from what I have done, Please share.

Thanks in advance.

Tags: HTML, ASP.NET