div 가로 크기만큼 링크거는 방법 없을까요?

또 문의드리네요ㅡㅡ;;

div 자체를 링크 걸려고하는데요?

html 소스

-------------------------------------

<a href="#1">

<div class="menu01">

<div class="contens">

<div class="icon"><img src="images/main/icon_img_01.png" /></div>

<div class="menuname">격락손해란?</div>

<div class="text">

교통사고 후 수리릏 하더라도 차량의 시세가 하락!<br />

사고로 인한  차량의 가치하락도  보상가능!</div>

</div>

</div>

</a>

------------------------------------------------

css 소스

#container .area .sidebox .box_menu .menu01 { width:530px;height:152px; margin-bottom:1px; background-color:#252525; background:rgba(37, 37, 37, 0.5);  }
#container .area .sidebox .box_menu .menu01  .contens { padding-top:29px;  padding-left:33px;}
#container .area .sidebox .box_menu .menu01  .contens .icon { position:absolute;top:53px;left:57px;  }
#container .area .sidebox .box_menu .menu01  .contens .menuname { position:absolute;top:50px;left:103px; font-size:26px; color:#fff; font-weight:bold; }
#container .area .sidebox .box_menu .menu01  .contens .text { position:absolute;top:96px;left:100px; font-size:14px; color:#fff; 

----------------------------------------------------------------------

div 클래스가 메뉴라 이런식으로 코딩 했는데.

저렇게 하니 div 자체 먹히긴한데..div가로 530px 인데 이후 530px 크기를 넘어 가로 끝까지 다 먹히더군요.

div 자체가 가로 블럭속송이라 그런가요?

div 가로 530px 크기만큼 먹히는 방법이 없나요?