Menu Control and Menu Item Overlapping

Dear All,

I have an menu which shows list of videos and pdf's. Its aligned in the left pane of the page in Vertical.

Problem:

1.when the menu binded, Menu control streches in width and overlaps with other text presents in center page.

2. The Table which contains the Menu Control, also strected, mean the <td width=20%> does not act as static size.

3. Menu Item are shown away from the Main menu, Mean there is not an proper alignment.

Ex:

Self Help Video Auto Signature creation

How to Create an auto reply in reporting

Code Snippet:

<asp:Menu ID="Menu1" runat="server"

StaticEnableDefaultPopOutImage="false"

ForeColor="#124500" StaticHoverStyle-ForeColor="#FFFFFF"

StaticHoverStyle-BackColor="#ff9900" StaticMenuItemStyle-HorizontalPadding="10px"

StaticMenuItemStyle-VerticalPadding="20px" DynamicMenuStyle-BackColor="#ff9900"

DynamicMenuStyle-BorderColor="#FFCC66" DynamicMenuStyle-BorderStyle="solid"

DynamicMenuStyle-BorderWidth="2" DynamicMenuItemStyle-HorizontalPadding="5px"

DynamicMenuItemStyle-VerticalPadding="5px" DynamicHoverStyle-ForeColor="#FFFFFF"

DynamicHoverStyle-BackColor="#165EA9">

<asp:MenuItem Text="Auto Signature creation" Value="1"></asp:MenuItem>

<asp:MenuItem Text="How to Create an auto reply in reporting" Value="2"></asp:MenuItem>

</asp:MenuItem> </Items>

</asp:Menu>

Query:

1. How to make the <td Width=20%> as static?

2. How to move the menu Item [Child Node] close to the Main Menu item[Ex:Self help Video]

Menu Control and Menu Item Overlapping - Alignment Problem