IE6 Hover Issue, but no hover changes
In IE6 I'm seeing a strange issue I can't seem to nail down... I have 2 divs.
div 1 has a gradient applied to it.
Inside div 1 is div 2, it has a margin all the way around and has text within it.
These buttons have no onhover commands associated with them. They are simple display elements. However, once the page loads, if I pass over the box with my mouse, the gradient disappears and doesn't come back...
Any suggestions would be greatly appreciated! I've set div1 to position relative to overcome and issue of the background disappearing underneath the element behind it.
border:solid 1px #8ebcab;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#8ebcab), to(#78a293));
border:1px solid #a3d2c1;
<div class="gb1"><div class="gb2"> Welcome</div></div>