Problems with menu in Internet Explorer 6

HI,  I have a problem with my menu in internet explorer 6.  It seems ok in internet explorer 7 and Firefox but with internet explorer 6 the menu seems to go down the page rather than across.  Also there are no drop downs.  Any idea what this could be? 

Thanks Sarah

Hi John,  I still havent managed to solve this one.  Can you help me please.

I have this in my template file. Is this what you mean?  Do I need to put somethign on the css file for this?

   
    [script removed]         function NavMouseover(img) {
   img.parentNode.className+='hover';
            if (img.className != 'SelectedItem')
                img.src=img.src.replace('.jpg','_Over.jpg');
         }
        function NavMouseout(img) {
   img.parentNode.className.replace('hover', '');
            if (img.className != 'SelectedItem')
                img.src=img.src.replace('_Over.jpg','.jpg');
         }
 [script removed]

Thanks Sarah

Hi Sarah,

I took some time to study this in detail and on IE6 I think the problem with the menu not stretching out horizontally is the width on the #nav LI class. Since it is width:auto, it is expanding to fill its parent container.

The hover issue is because the code is changing the class on the A (parentNode of the IMG), but the CSS has rules defined for the LI.

If you change img.parentNode.className+='hover'; to img.parentNode.parentNode.className+='hover'; it should fix that for IE6.

I have attached an updated suckerfish.css which I modified from your current one.

Thanks very much for this.  A few minor adjustments and I managed to get it just about right.

Just one more question, is there anyway to get the width of one item wider than the others or is this just asking a bit too much??

Thanks again,  Sarah

That depends on what item you are talking about, and if there is an ID that we can use to target it specifically.

If you are using templates then we can add the TabId as the ID of the item and then get to it that way.