YUI 2.6 on IE 7 issue with button inside scrollable box

Hitting a YUI 2.6 issue where a YUI button inside a scrollable box gets half rendered outside of the box. Here is how it looks like on IE 7: http://img.skitch.com/20101008-bcbp2fiq9amdbt777wjagjp23s.png This bug has been fixed in YUI 2.7.

by Alessandro Vernet

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/fonts/fonts-min.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/button/assets/skins/sam/button.css">
<script src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/container/container_core-min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/button/button-min.js"></script>
<div class="container">
    <br/><br/><br/><br/><br/><br/><br/>
    <span id="my-button" class="yui-button">
        <span class="first-child">
            <button type="button">Validate</button>
        </span>
    </span>
</div>

CSS

.container { height: 100px; width: 200px; overflow: scroll }

JavaScript

YAHOO.util.Event.onDOMReady(function() {
    var buttonContainer = YAHOO.util.Dom.get("my-button");
    new YAHOO.widget.Button(buttonContainer);
});