hey actually you made the CSS in some other way that’s why browsers doesn’t understand your css code so i made some changes in your css and its working fine on all browsers as per your requirement so i hope this will help you…..
ul li.menunews { border-bottom: 1px solid #ccc; list-style:none; height:30px; } ul li.menunews a { display:block; color:#266CAE; text-decoration:none; } ul li.menunews:hover { background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color- stop(47%,#f6f6f6), color-stop(100%,#ededed)); background:-webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background:-o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background:-ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background:linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );color:#266CAE} }
<ul style="font-size:12px;"> <li class="menunews"><a href="#"><span style="margin-left:2px;">Hello test</span></a></li> </ul>