Asp menu control not display proper background

[SCFMT]

I am developing an web site in asp.net 4.0 it works proper on my local system.And i have iis7 installed on my server OS windows server 2008 R2.When i publish it and upload it on server.After uploading it shows transparent background on some of the menu items.See this image linkhttp://i47.tinypic.com/2rz6l9c.png Css for menu\[code\] .primaryStaticMenu { background-color: Transparent; border:solid #D1FCFF 1px; border-radius:12px; -moz-border-radius:12px; font-family :verdana , verdana_font; font-size:inherit; color:red; } .primaryStaticMenuItem { width: 9.5em; border: 1px solid #D1FCFF; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; padding: 0.2em 0 0.2em 0.5em; font-family: verdana, verdana_font; font-size: inherit; color: inherit; height: 30px; background: -ms-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -moz-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -o-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78B7EF), color-stop(1, #DBFBFC)); background: -webkit-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: linear-gradient(to bottom, #78B7EF 0%, #DBFBFC 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr=#78B7EF, endColorstr=#DBFBFC, GradientType=0 ); } .primaryStaticHover { color: #800000; border: 1px solid #74C4C1; border-radius: 6px; -moz-border-radius: 6px; background: -ms-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: -moz-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: -o-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9AC47D), color-stop(1, #FFFFFF)); background: -webkit-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: linear-gradient(to bottom, #9AC47D 0%, #FFFFFF 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr=#9AC47D, endColorstr=#FFFFFF, GradientType=0 ); } .primaryDynamicMenu { background-color: #f7f2ea; border:inherit; border-radius:6px; -moz-border-radius:6px; z-index: 999; } .primaryDynamicMenuItem { width: 18em; height:2em; border-radius: 6px; -moz-border-radius: 6px; padding: 0.5em 0 0.5em 1em; border: 1px solid #D1FCFF; font-family: verdana, verdana_font; font-size: inherit; color: Red; background: -ms-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -moz-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -o-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78B7EF), color-stop(1, #DBFBFC)); background: -webkit-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: linear-gradient(to bottom, #78B7EF 0%, #DBFBFC 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr=#78B7EF, endColorstr=#DBFBFC, GradientType=0 ); } .primaryDynamicHover { font-family :verdana , verdana_font; font-size:inherit; color:#AD0000; border: 1px solid #74C4C1; border-radius: 6px; -moz-border-radius: 6px; background: -ms-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: -moz-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: -o-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9AC47D), color-stop(1, #FFFFFF)); background: -webkit-linear-gradient(top, #9AC47D 0%, #FFFFFF 100%); background: linear-gradient(to bottom, #9AC47D 0%, #FFFFFF 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr=#9AC47D, endColorstr=#FFFFFF, GradientType=0 ); } .secondaryLevelOne { background-color: transparent; background-repeat: repeat-x; margin: 0 0 0 0; padding: 5px 0 0 5px; width: 15.5em; height: 30px; border:inherit; border-radius:6px; -moz-border-radius:6px; background: -ms-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -moz-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -o-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78B7EF), color-stop(1, #DBFBFC)); background: -webkit-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: linear-gradient(to bottom, #78B7EF 0%, #DBFBFC 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr=#78B7EF, endColorstr=#DBFBFC, GradientType=0 ); } .secondaryLevelTwo { background: #FAFBFB; padding: 5px 0 5px 5px; border:inherit; border-radius:6px; -moz-border-radius:6px; background: -ms-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -moz-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -o-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78B7EF), color-stop(1, #DBFBFC)); background: -webkit-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: linear-gradient(to bottom, #78B7EF 0%, #DBFBFC 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr=#78B7EF, endColorstr=#DBFBFC, GradientType=0 ); } .secondaryStaticHover { font-size:inherit; font-family: inherit; color:#AD0000; border:solid #74C4C1 1px; border-radius:6px; -moz-border-radius:6px; background: -ms-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -moz-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -o-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #78B7EF), color-stop(1, #DBFBFC)); background: -webkit-linear-gradient(top, #78B7EF 0%, #DBFBFC 100%); background: linear-gradient(to bottom, #78B7EF 0%, #DBFBFC 100%); filter: progidXImageTransform.Microsoft.gradient( startColorstr=#78B7EF, endColorstr=#DBFBFC, GradientType=0 ); }\[/code\]Can any one tell me what is the problem and how can i solve that problem.