[devote]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function(){
        $(".block2 ul > li").mouseenter(function() {
            var el = $( ".block1 ." + this.className );
            if ( !el.hasClass( 'open' ) ) {
                el.addClass("open");
            }
        });
    });
</script>
<style type="text/css">
    .block1 > div {
        display: none;
    }
    .open {
        position: absolute;
        display: block!important;
    }
</style>
<div id="wrapper">
    <div class="block1">
        <div class="1">контент 1</div>
        <div class="2">контент 2</div>
        <div class="3">контент 3</div>
        <div class="4">контент 4</div>
    </div>
    <div class="block2">
        <ul>
            <li class="1">список 1</li>
            <li class="2">список 2</li>
            <li class="3">список 3</li>
            <li class="4">список 4</li> 
        </ul>
    </div>
</div>