메뉴 위치 변경

좌측에 세로로 길게 정렬된 메뉴를 상단 가로로 길게 배치하고 싶은데요

스타일 수정만으로 배치를 바꿀 수 있나요?

    <style>
    #index_menu {float:left; position:absolute; width:160px; height:100%;}
    #index_menu ul{margin:0; padding:0; width:160px;}
    #index_menu ul li{display:inline-block; float:left; height:48px}
    .inmenu01{ width:160px; height:48px; }
    .inmenu02{ width:160px; height:48px; }

    /*2차 서브메뉴*/
    #sub_menu {float:left; position:relative; left:160px; width:111px; height:100%; background-color:#9fa2a7; border-right:1px solid #d6d6d6;}
    #sub_menu ul{margin:0; padding:0; width:111px; }
    #sub_menu ul li{display:inline-block; width:111px; height:48px; }
    </style>