/*
        Set the "zoom" property to "normal" since it is set to "1" by the 
        ".example-container .bd" rule in yui.css and this causes a Menu
        instance's width to expand to 100% of the browser viewport.
    */
    
    div.yuimenu .bd {
    
        zoom: normal;
    
    }

    #button-container {
            padding: .5em;
        }
	#button-container2 {
            padding: .5em;
        }
        
    #color-picker-button button {
        outline: none;  /* Safari */
        line-height: 1.5;
    }

    #color-picker-button2 button {
        outline: none;  /* Safari */
        line-height: 1.5;
    }

    /*
        Style the Button instance's label as a square whose background color 
        represents the current value of the ColorPicker instance.
    */

    #current-color {

        display: block;
        display: inline-block;
        *display: block;    /* For IE */
        margin-top: .5em;
        *margin: .25em 0;    /* For IE */
        width: 1em;
        height: 1em;
        overflow: hidden;
        text-indent: 1em;
        background-color: #fff;
        white-space: nowrap;
        border: solid 1px #000;
    }

    #current-color2 {

        display: block;
        display: inline-block;
        *display: block;    /* For IE */
        margin-top: .5em;
        *margin: .25em 0;    /* For IE */
        width: 1em;
        height: 1em;
        overflow: hidden;
        text-indent: 1em;
        background-color: #fff;
        white-space: nowrap;
        border: solid 1px #000;
    }
    
    /* Hide default colors for the ColorPicker instance. */

    #color-picker-container .yui-picker-controls,
    #color-picker-container .yui-picker-swatch,
    #color-picker-container .yui-picker-websafe-swatch {
            display: none;
    }
    #color-picker-container2 .yui-picker-controls,
    #color-picker-container2 .yui-picker-swatch,
    #color-picker-container2 .yui-picker-websafe-swatch {
            display: none;
    }

    /*
        Size the body element of the Menu instance to match the dimensions of 
        the ColorPicker instance.
    */
            
    #color-picker-menu .bd {
        width: 220px;    
        height: 190px;
     }
     #color-picker-menu2 .bd {
        width: 220px;    
        height: 190px;
     }
     
<!-- HACK TO MAKE IE WORK!!! -->
	*html .yui-picker-bg { 
	    background-image: none; 
	    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.motifake.com/yui/build/colorpicker/assets/picker_mask.png', sizingMethod='scale'); 
	}