Live demo:
http://222.73.204.65:81/stumbleupon.html
This works in firefox,but in
IE there will be two scrollbars,making it ugly:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Stumbleupon</title>
</head>
<style type="text/css">
div.webtoolbar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://cdn.stumble-upon.com/i/toolbar/bgToolbar.gif) repeat-x scroll 0 0;
border-top:1px solid #000000;
height:33px;
min-width:760px;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:3;
}
</style>
<body style="margin: 0pt; padding: 0pt; overflow: hidden; height: 100%;">
<iframe id="stumbleFrame" frameborder="0" noresize="noresize" src="http://www.livescience.com/animals/green-slug-animal-plant-100112.html" name="stumbleContent" style="position: absolute; background: transparent; width: 100%; height:100%; top: 0; padding: 32px 0; z-index: 1;"></iframe>
<div class="webtoolbar">menus here</div>
</body>
</html>
