CSS gradient image not showing in IE7 menu

HTML & CSS
1

Hi everyone,

I’ve been using the jQuery Multi Level CSS Menu #2 from Dynamic Drive for a while and I’m having a bit of a problem applying a gradient image to it, but only in IE7, as usual.

http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

part of jqueryslidemenu.css:

.jqueryslidemenu{
font: bold 13px Arial, Helvetica;
background: #95b3d7; /*background of tabs (default state)*/
/* for Mozilla */
background-image: -moz-linear-gradient(0% 70% 90deg, #687D96, #95B3D7 70%);
/* for IE6, IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B1D1F1, endColorstr=#687D96); 
/* for IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B1D1F1, endColorstr=#687D96)"; 
/* for WebKit (Safari, Chrome, etc) */
background-image: -webkit-gradient(linear, 0% 70%, 0% 45%, from(#95B3D7), to(#687D96));
width: 100%;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #95b3d7; 
/* for Mozilla */
background-image: -moz-linear-gradient(0% 70% 90deg, #687D96, #95B3D7 70%);
/* for IE6, IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B1D1F1, endColorstr=#687D96); 
/* for IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B1D1F1, endColorstr=#687D96)"; 
/* for WebKit (Safari, Chrome, etc) */
background-image: -webkit-gradient(linear, 0% 70%, 0% 45%, from(#95B3D7), to(#687D96));
color: white;
padding: 8px 10px;
border-right: 0px solid #778;
border-left: 0px solid #778;
color: #687D96;
text-decoration: none;
}

The image looks great in FF and IE8 (and I hope Safari/Chrome), but in IE7, the left and right edges/padding of the menu (which spans the entire body of the page) shows the gradient while the actual tabs for the menu just show the solid background color.

Any idea where my syntax is off here?

Thanks

2

Actually I found the answer I think.

I needed to put zoom:1; into the stylesheet, just to make IE7 happy of course.

3

Thank you, I couldn’t get it to work when I set a gradient for firefox and Chrome but your tip made it work. I freaking hate IE.