title: using filter css property ruins the layout on IE
body: <p>wanted to have a gradient BG for my menu without having to use a background image<br>
  IE "support" gradients via it's filter property   </p>
  
  <p>open the following jsbin example on IE to view and play with it <a href="http://jsbin.com/ijudu4/9/edit" rel="nofollow">http://jsbin.com/ijudu4/9/edit</a>
  in IE7 the list can't break from it's container.</p>
  
  <p>on IE8 it is working, but when you add z-index to the container(to solve other IE7 issues)<br>
  the list is also not visible</p>
  
  <p>my "solution" for now is just using a background image, will be happy to find a better one</p>