Dayjo/jsbin.zuveta.css

## jsbin.zuveta.css
#inspector {
	background: rgba(0,0,255,0.9);
}

## jsbin.zuveta.html
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
	<div id="inspector"></div>
<body>

</body>
</html>

## jsbin.zuveta.js
$(function(){
	$('body').before('<div id="inspector"></div>');
	$("*:not(#inspector)").hover(function (e) {

	  var p = $(this).position();
	  var height = this.offsetHeight + 'px';
	  var width = this.offsetWidth + 'px';

	  $('#inspector').css({
		  left: p.left,
		  top: p.top,
		  right: p.right,
		  bottom: p.bottom,
		  width: width,
		  height: height
	  });
	});

})
	<!DOCTYPE html>
	<html>
	<head>
	<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<div id="inspector"></div>
	<body>

	</body>
	</html>
	$(function(){
	$('body').before('<div id="inspector"></div>');
	$("*:not(#inspector)").hover(function (e) {

	var p = $(this).position();
	var height = this.offsetHeight + 'px';
	var width = this.offsetWidth + 'px';

	$('#inspector').css({
	left: p.left,
	top: p.top,
	right: p.right,
	bottom: p.bottom,
	width: width,
	height: height
	});
	});

	})