Reasons for using less CSS filters to achieve gradient

Recently I wrote a menu for use on the Web. Because it imitates the XP style and requires the gradient effect, I chose Microsoft's gradient filter.
Filter: progid: DXImageTransform. Microsoft. gradient (startcolorstr = # e3efff, endcolorstr = #8eb3e7, gradienttype = 1 );
However, my table is complicated: Each tr line consists of five TD items: selectable items, menu item images, an empty TD, menu text, and lower-level menu indicator triangle, therefore, the width of each column is relatively difficult to calculate. However, Microsoft's filter has a high requirement on the width accuracy, which is slightly inaccurate (the table itself will change the width based on the content ), so the gradient filter does not show the effect. I have been busy for a long time. I calculated the width of each TD, but I don't know where it is wrong. I still haven't shown it.
In the end, I gave up using the gradient filter and switched to the PS gradient image instead.
It is best to use less filters with relatively small sizes. Of course, the cause of menu failures may be related to too many menu items, because the padding of the image and text in this will affect the cell width ., if the gradient is displayed only in a single cell, this filter is easy to use.