FireFox CPU Fail.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- Tested on 2.53Ghz C2D Mac Mini, OS X 10.6.4 -->
<!-- FireFox hits 84% CPU Time -->
<!-- Chrome Renderer hits 30% CPU Time -->
<!-- Opera hits 28% CPU Time -->
<!-- Safari hits 6% CPU time -->
<!-- All of the above bar Safari, look horrible when the effect is in play. -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title> Hello World </title>
<style type="text/css">
img
{
     border-style: none;
}

a:link              { color:#ffffff; text-decoration:none; }
a:visited           { color:#eeeeee; text-decoration:none; }
a:hover             { color:#8fc241; text-decoration:none; }
a:active            { color:#eeeeee; text-decoration:none; }

html {
    height: 100%;
}

body
    {
    background: #a90329; /* old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* webkit */

    line-height:18px;
    margin:0px auto 0px;
    padding:0px;

    text-align: center;
    font-family: Futura, Verdana;
    font-size: 20px;
    color: white;
    top: 0px;
    }

#Centering {position: absolute; top:50%; left:50%; margin-left: -200px; margin-top: -150px; text-align: center;}

.Hidden {
  display: none;
}

#TheBadge
    {
    width: 400px;
    -webkit-box-shadow: 4px 4px 4px #111;
    -moz-box-shadow: 4px 4px 4px #111;
    box-shadow: 4px 4px 4px #111;
    -webkit-transition: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    }

#TheBadge:hover
    {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;

    -webkit-transform:rotate(-1.5deg) scale(1.1);
    -webkit-transform-style: preserve-3d;
    -moz-transform:  rotate(-1.5deg) scale(1.1);
    -o-transform: rotate(-1.5deg) scale(1.1);
    }

#BadgeTop
    {
    background: #1B8EE0;
    font-size: 36px;
    font-family: Verdana, Sans-Serif;
    color: white;
    padding: 3px;
    text-align: center;
    text-shadow: 0px 1px 1px #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px;
    }

#BadgeMiddle
    {
    font-size: 40px;
    color: #101;
    margin: auto 0px;
    background: #fff;
    border-left: 6px solid #1B8EE0;
    border-right: 6px solid #1B8EE0;
    padding: 10px;
    }

#BadgeBottom
    {
    background: #1B8EE0;
    font-size: 18px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    }

</style>
</head>
1. Open CPU metering tool, 2. Hover mouse in and out of blue label constantly, 3. ???, 4. Results.
<div id="Centering">

<div id="TheBadge">

<div id="BadgeTop">
His name was
</div>
<div id="BadgeMiddle">
<center>
<br>
Robert Paulson.<br>
<br>
</center>
</div>
<div id="BadgeBottom">
&nbsp;<br><br>
</div>

</div>
</body>
</html>