I am developing a list based menu my code is
<ul id=MyMenu>
<li>1
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
<li>1.4</li>
<li>1.5</li>
<li>1.6</li>
<li>1.7</li>
</ul>
</li>
<li>2
<ul>
<li>2.1</li>
<li>2.2</li>
<li>2.3</li>
<li>2.4</li>
<li>2.5</li>
<li>2.6</li>
<li>2.7</li>
<li>2.8</li>
<li>2.9</li>
<li>2.10</li>
</ul>
</li>
<li>3
<ul>
<li>3.1</li>
<li>3.2</li>
<li>3.3</li>
<li>3.4</li>
<li>3.5</li>
<li>3.6</li>
<li>3.7</li>
<li>3.8</li>
<li>3.9</li>
</ul>
</li>
</ul>
Let me help to understand how can i implement this menu horizontally
i.e.
A B C
along with the sub menu showing only 5 items and overflow with scroll bars
thanks
aspatti