test

IE Quirks mode test with doctype <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

HTML

<ul id="ScatList" style="list-style: none inside;cursor: pointer;position: relative;margin: 0px;"> 
    <li style="position:relative;float: left;margin: 0px;"> <button id="Scategory"    class="tab_button1"><span><em>Menu</em></span></button>
        <ul id="liststart" style="display:none; position:absolute; padding:2px 2px 10px 2px;top:21px;left:4px;text-align:justify;width:145px;background-color:red" >
            
            <li>
                <a>1</a>
                <ul >
                    <li><a>1.1</a></li>
                    <li><a>1.2</a></li>
                </ul>
            </li>
            <li> <a>2</a>
                <ul >
                    <li><a>2.1</a></li>
                    <li>2.2</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

JavaScript

jQuery(function() {
    jQuery('#ScatList').hover(function() {
        jQuery('#liststart').show(400);
    }, function() {
        jQuery('#liststart').hide();
    });
    jQuery('#liststart >li').hover(function() {
        jQuery(this).find('ul').show(400);
    }, function() {
        jQuery(this).find('ul').hide();
    });
    jQuery('#liststart >li> ul').hide();
    jQuery('#liststart >li>ul').css({
        'position': 'absolute',
        'top': '0',
        'left': '140px',
        'width': '150px',
        'background-color': 'blue'
    });
});