A screencast is probably not the best tool to get advice on HTML, just give out a link :)
Are you using .mouseover and .mouseout directly or the hover() function? hover is just a wrapper for 'mouseenter' and 'mouseleave' events, which filter mouseover/out from happening on child elements. $('.item').hover(function(){ $(this).addClass('hover'); }, function(){ $(this).removeClass('hover'); }); http://docs.jquery.com/Events/hover On Jun 27, 8:37 am, BigFisch <arac...@gmail.com> wrote: > I'm having an extremely frustrating issue with Internet Explorer 7 and > the Hover State of this div (highlighted in red). > > http://www.screencast.com/users/dfischer/folders/Jing/media/0277db31-... > > To view an example of what's going on. > > If I try simply using jquery's mouseover() function without a mouseout > () it actually works in the red area, so for some reason a mouseout() > is always getting triggered in the left area of the left most box and > there's nothing different in that box's css vs. the others. > > Does anyone have a suggestion? > > Thanks, > Dan