가로로 정렬 가능한가요?

해볼께요 감사합니다.

가로로 되긴했는데... 메뉴 롤오버가 안됩니다. ㅠㅠ

[code] <div id="wrap">

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<div id="tabMenu">
<ul>
<li><a href="#" title="메뉴2">메뉴1</a></li>
<li><a href="#" title="메뉴3">메뉴2</a></li>
<li><a href="#" title="메뉴4">메뉴3</a></li>
<li><a href="#" title="메뉴5">메뉴4</a></li>
<li><a href="#" title="메뉴6">메뉴5</a></li>
<li><a href="#" title="메뉴7">메뉴6</a></li>
<li><a href="#" title="메뉴7">메뉴7</a></li>
</ul>
</div>
<div id="tabSubMenu" >
<div><table width="100%" border="1" height="30" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#FF0004"> 1111</td>
</tr>
</tbody>
</table>
</div>
<div><table width="990" border="1">
<tbody>
<tr>
<td bgcolor="#FF9E00">22222 </td>
</tr>
</tbody>
</table>
</div>
<div><table width="100%" border="1">
<tbody>
<tr>
<td bgcolor="#FFE500">33333 </td>
</tr>
</tbody>
</table>
</div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#00BB0F">44444</td>
</tr>
</tbody>
</table>
</div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#2200FF">555555</td>
</tr>
</tbody>
</table></div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#0D00BB">6666666</td>
</tr>
</tbody>
</table></div>
<div><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#7900FF">7777777</td>
</tr>
</tbody>
</table></div>
</div>
</div>[/code]