Are you up for a challenge?

Use the graphic located at "http://snowball.hungrybeagle.com/bear.png" and Build a Bear.  The bear.png file is a sheet filled with body parts. Choose parts of the body and put each on a layer and reposition them using z-index, absolute positioning and build a bear!

You can use the following document for some assistance in helping you figure out how to put the pieces together.  Refer to style documentation (through google) to understand what the properties can do.

<!doctype html>
<html>
<head>
<style>
#head {
position: absolute;
left:150px;
top:200px;
background: url('bear.png') -20px -20px;
height: 100px;
width: 130px;
}

#nose {
position: absolute;
left:190px;
top:238px;
background: url('bear.png') -600px -490px;
height: 50px;
width: 50px;
}
#eyes {
position: absolute;
left:187px;
top:223px;
background: url('bear.png') -650px -360px;
height: 30px;
width: 50px;
}
</style>

</head>



<body>

<div id="head"></div>
<div id="nose"></div>
<div id="eyes"></div>
</body>
</html>

Login Form