Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/container/assets/skins/sam/container.css">
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/container/container-min.js"></script>
<script>
YAHOO.util.Event.onDOMReady(function() {
    panel = new YAHOO.widget.Panel("parameters", {
            constraintoviewport: true,
            underlay: "shadow",
            visible: false,
            close: true,
            draggable: true,
            width: "350px"
        });
    panel.render();
    panel.center();
    panel.show();
});
</script>
<style>
    body {
        height: 2000px;
        width: 2000px;
    }

    #wrapper {
        position: fixed;
    }
</style>
</head>
<body class="yui-skin-sam">
    <div id="wrapper">
        <div id="parameters">
            <div class="hd">Header</div>
            <div class="bd">Hello, this is my awesome panel.</div>
            <div class="ft">Footer</div>
        </div>
    </div>
</body>
</html>