asp.net css issue after deployment - asp.net

Question

I am experiencing a very strange issue. I have developped an application locally and everything works file. But on the production server i have several problems. The most annoying is the Navigation Menu that changes from horizontal to vertical after login.
site.Master
<asp:Menu ID="NavigationMenu"
runat="server"
cssclass="menu"
EnableViewState="false"
IncludeStyleBlock="false"
Orientation="Horizontal"
StaticDisplayLevels="1"
staticsubmenuindent="10"
target="_blank"
MaximumDynamicDisplayLevels="1"
Enabled="False"
Visible="False">
Site.css
/* TAB MENU
----------------------------------------------------------*/
div.hideSkiplink
{
background-color:#3a4f63;
width:20%;
z-index:9999;
}
div.menu
{
padding: 4px 0px 4px 8px;
z-index:9999;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: 20%;
z-index:9999;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
z-index:9999;
}
div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
z-index:9999;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
z-index:9999;
}
The css i use is the default.
I searched the net but no solution is proposed. Is it a server issue?Is it my code?
There is this thread with the exact problem. http://forums.asp.net/t/1762140.aspx/1?Odd+menu+problem+after+deployment , which doesnt propose a solution for the problem
Thanks

Answer 1

In all likelihood, the javascript which adds the class is not running on the page
There could be a number of reasons
It wasn't deployed properly.
The path is incorrect on the live server (are you in a different directory layout - eg /JavaScript/ instead of /myapp/JavaScript/?
NoScript or another addon is blocking javascript (browser-specific)
Something in the JS breaks on live and prevents execution before it gets to the relevant code
To track the problem down - Go to the net tab in firefbug and look at the javascript - does it all load with an HTTP 200 (Ok) ? Any 404/500s?
Try disabling all addons in your browser / use different browsers - same problem?
Open up the Script tab in firebug or the JavaScript console (CTRL Shift K in Firefox)
Reload your page and see if any errors/warnings appear.
Edit your answer with the results of the above and we'll see what we can do.
EDIT:
With regards to the 403/Forbidden - WebResource.axd is where the .Net Control-specific JS lives so this is almost certainly your problem. To make it more fun, .axd's aren't usually real files - they're HTTP handling extensions - see here and here for more information. Check your web.config - did the appropriate handlers get set in Live? It should be something like...
<add path="WebResource.axd"
verb="GET"
type="System.Web.Handlers.AssemblyResourceLoader"
validate="True" />
If you've got an entry like that, can you edit your question to include it exactly? If not, try adding it
Possible fix here
Does the live server have the same version of the framework/controls installed as your development machine - Make sure it has!
Another thing to be aware of is that if you manually deploy a website, the files are usually owned by you, not the webserver - This can sometimes mean the webserver can't read the website to serve it. I doubt that's the problem here but it's something to be aware of in future. (To check, the website user is specified on the application pool for the site in IIS Manager).