ASP.NET menu control issue in Chrome and Safari

Method 1

• 1) Go to Solution Explorer in Visual Studio and add “ASP.NET Folder” named “APP_Broswers”.
• 2) Add new item “Browser File” to this special folder and name it “safari.browser” for both browser Chrome as well as Safari.
• 3) Now Delete all per-added data from safari.browser file.
• 4) Now add the following tags to that browser file.

<browsers> 
    <browser refID="safari1plus"> 
        <controlAdapters> 
          <adapter controlType="System.Web.UI.WebControls.Menu" adapterType="" /> 
        </controlAdapters> 
    </browser> 
</browsers>

• 5) Now only you need is to save that file. 

setps:

Method 2

The other solution is using Server side code. For fixing bug we need to write this two line of code to each and every Page's Page_PreInit event, Or if MasterPage file is used then no need to add this lines to each and every page, just copy and paste this lines to Only MasterPage's Page_PreInit event. This code is working for both Safari as well as Chrome.

protected void Page_PreInit(object sender, EventArgs e)
{
    if(Request.ServerVariables["http_user_agent"].IndexOf("Safari",StringComparison.CurrentCultureIgnoreCase) != -1)
    {
        Page.ClientTarget = "uplevel";
    }
}

OR Use this alternate code

protected void Page_PreInit(object sender, EventArgs e)
{
  if (Request.UserAgent.Contains("AppleWebKit")) 
     Request.Browser.Adapters.Clear();
}