It is simple to move the dashboard by overridding the style in CSS.
The trick is to override you need to be after the VE styles that are added. In Firefox we can use the "!important" suffix
full example:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="http://dev.virtualearth.net/mapcontrol/v4/mapcontrol.js" type="text/javascript"></script>
<script type="text/javascript">
var map = null;
function GetMap()
{
map = new VEMap('myMap');
map.LoadMap();
}
</script>
<style type="text/css">
.dashboard {top:200px!important; left:200px!important;}
</style>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:400px; height:400px;"></div>
</body>
</html>
The above code works great in the previous version of Virtual Earth, but with the release of V5, things have changed slightly. In order to implement the above in V5, everything is pretty much the same except for the style.
V5 Implementation:
<style type="text/css">
#myMap_dashboard{top:30px!important;}
</style>
The V6 implementation changes as well.
<style type="text/css">
#MSVE_navAction_container{top:30px!important;}
</style>