MY Hover, hoverintent work in IE8 and chrome, but no ff3 ie7

MY Hover, hoverintent work in IE8 and chrome, but no ff3 ie7

I have just started using jquery and worked through a couple of examples from sitepoint and internet.com. I then added one to my site and it seemed to run fine while running on my machine, but only works in IE8 and chrome in production. The IE flaw is becuase IE8 was used in debugging and switches to compatiblity mode in trusted zones.

Script is

<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
    $(document).ready(function() {
                function addQuickInfo() {
                    $(this).addClass('QuickInfoPanelOver');
                }
       
                function removeQuickInfo() {
                    $(this).removeClass('QuickInfoPanelOver');
                }
       
                var quickInfoConfig = {
                    interval: 200,
                    sensitivity: 4,
                    over: addQuickInfo,
                    timeout: 300,
                    out: removeQuickInfo
                };
       
                $('div#QuickVehicleInfo').hoverIntent(quickInfoConfig)
                 
            });
             
        //]]>
</script>


[code]
and the CSS looks like:[code]div#QuickVehicleInfo
{
display:inline;
position:relative;
}
div#QuickVehicleInfo div
{
position:absolute;
border: solid thin black;
z-index:99;
}

div#QuickVehicleInfo.InfoPanel div{
display: none;
}
div#QuickVehicleInfo.QuickInfoPanelOver div
{
display:block;
}
[/code]

Basically, when you mouse over the thumbimage in the grid, a table shows up. Hover intent just delays the load and unload events.

Any help? Using FF3 and FireBug, I can see the css class being added to the first element of the table. Second, third etc rows does not get fired.

Page is at http://searchbuddy.citrusmotors.com/sal ... earch.aspx