#idm {
 width: 400px;
 height: 400px;
 background: url(../images/img.gif) no-repeat;
 margin: 10px auto; padding: 50;
 position: relative;
 border: 1px solid #999;
//padding: 50px;

  margin-left: 270px;
}
#idm li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#idm a {display: block; text-indent: -9999px; text-decoration: none;}

#prov {left: 60px; top: 0px; width: 275px; height: 160px;}
#accmgmt {left: 240px; top: 60px; width: 160px; height: 275px;}
#accgov {left: 60px; top: 240px; width: 275px; height: 160px;}
#rolemgmt {left: 0px; top: 60px; width: 160px; height: 275px;}

#prov a {height: 160px;}
#accmgmt a {height: 275px;}
#accgov a {height: 160px;}
#rolemgmt a {height: 275px;}

#prov a:hover {background: url(../images/top.gif) -60px -0px no-repeat;}
#accmgmt a:hover {background: url(../images/right.gif) -240px -60px no-repeat;}
#accgov a:hover {background: url(../images/bottom.gif) -60px -240px no-repeat;}
#rolemgmt a:hover {background: url(../images/left.gif) -0px -60px no-repeat;}