get a menu on link button hover

hello,

I wanna get a menu when my mouse is over a link button so I wrote:

<td style="padding-right:50px;vertical-align:top"><div id="div2"><asp:LinkButton ID="LinkButton7" runat="server" ToolTip="View girls clothes" onclick="GirlsButton_Click">Girls</asp:LinkButton>                               <div id="div1" style="height:auto; margin-top:5%;width:auto;  "><div><asp:Menu ID="Menu1" runat="server" onmenuitemclick="Menu1_MenuItemClick">  </asp:Menu></div></div></div></td>

and in the css I placed:

 div#div1
 {     
   display:none;
 }

 
div#div2:hover #div1
 {
    
     display:table-row;
 }
 
 

So I am getting what I want when my mouse is over the button I am getting the menu, but the problem is that the td of the table changes depending on the words in the menu and I need my td width to be stable so how can I do this?

I tried to add a  certain width for the td but that didn't work and I tried to add:

td
{
word-break:break-all;
}

but that didn't work either so what to do? please help!!