Transition Buttons: iFrame

<font face="verdana" size="1" color="black">

<img src="http://i39.tinypic.com/2pqm91v.png" width="900" height="600" border="0" usemap="#ImageMap">

<map id="ImageMap" name="ImageMap">
<area shape="rect"  coords="58,55,85,73" href="http://www.imvu.com/catalog/web_add_contact.php?contact=Cares" target="" />
<area shape="rect"  coords="119,54,145,74" href="javascript:IMVU.messagePopupShow({force_recipient_id:34879489})" target="" />
<area shape="rect"  coords="179,55,205,74" href="imvu:StartIM?avatar=Cares&fromSite=1" target="" />
</map>

<div id="NAV">
  <a href="http://vocalsimvu.webs.com/Careys%20Layout%20/About.html" target="ID"> Homepage </a>
  <a href="#" target="ID"> About Me </a>
  <a href="#" target="ID"> Friends </a>
  <a href="#" target="ID"> Love </a>
<a href="#" target="ID"> Gallery </a>
<a href="#" target="ID"> Support </a>
</div>

<div id="avi_box" style="width:160px; height:220px; position:absolute; left:51px; top: 106px; z-index:1">
<img src="http://www.imvu.com/catalog/web_av_pic.php?av=Cares" width="160px" height="220px" border="0" alt="Cares" />
</div>

<div id="Updates_box" style="width:292px; height:212px; position:absolute; left:249px; top:110px; z-index:1; overflow:hidden;">
<iframe src="Updates_URL_GOES_HERE" name="Updates" width="292" height="212" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true scrolling="no"></iframe>

<div id="Music_box" style="width:322px; height:214px; position:absolute; left:547px; top:109px; z-index:1; overflow:hidden;">
<iframe src="Music_URL_GOES_HERE" name="Music" width="322" height="214" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true scrolling="no"></iframe>
</div>

<div id="main_box" style="width:620px; height:212px; position:absolute; left:249px; top:366px; z-index:1; overflow:hidden;">
<iframe src="http://vocalsimvu.webs.com/Careys%20Layout%20/About.html" name="ID" width="620" height="212" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true scrolling="no"></iframe>




<style type="text/css">
  #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
  #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
  #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
  #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel,
  #special_panel,#outfits_panel {
      width:900px !important;
  }
  #rightColumn {
      display:none !important;
  }
</style>

<style type="text/css">
#url_panel_colRow, .imvucodes_net { display:none !important; }
</style>

<style type="text/css">
.paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
</style>
</font>

<style type="text/css">
#NAV{
  width:200;
  left:30px;
  top:380px;
  text-align:center;
  position:absolute;
}

#NAV a:link, #NAV a:visited, #NAV a:active{
  display:block;
  width:200px;
  padding:10px 0px;
  background-color:#0d0d0d;
  color:#FFF;
  text-align:center;
  text-decoration:none;
  font-family:Arial;
  font-size:10px;
  margin:2px 0px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease
}

#NAV a:hover{
  color:#B6E87C;
}

</style>