CSS Flyout Menu + style problems

ZC1.3.0.1, CSS Flyout Menu 1.3.0.3.2

Problems occurring here

1. In Firefox, the submenu images don't show. They show in IE...but then the sidebox is too wide.

2. In Firefox, the CSS Flyout sits on top of the sidebox below, but is correctly positioned in IE

After 2 hours with Firefox, Web Developer Toolkit, Aardvark and CSS Viewer I'm now having to seek help...before I break something here!! :dontgetit :frusty:

Just looked in IE, FF 1.5.0.4 and NS 8.1.

It appears that you sorted this out...correct??

No - all the problems are still exactly as described - at least, they are when I view it.

Ryk:

No - all the problems are still exactly as described - at least, they are when I view it.

Looks fine to me????

The only difference I see is that in FF the submenus line up with the edge of the main categories, while in IE6 they are to far in and line up with the points of the arrows.

They still work fine in both for me, You have cleared your cache?? :dontgetit

This is really weird because I still see exactly the same problems...I've cleared the cahe and hit CTRL+F5 so often that the print has work off the keyboard!

My only complaint with firefox is that I sometimes have to close EVERY instance of it in order to really clear the cache.:(

Ryk,

can you provide a screen shot or link to them so that we can see what it is that you are seeing.

As I and others stated they appear reasonable to us....???

OK - here's the Firefox one (although I see the sub-cat images have appeared today!):

Firefox 1.5.0.4

and IE6:

Incidentally, I've looked at the page with a different computer (in the house) and a different monitor resolution and I still see the above!

Sorry I was looking for something wrong with way the flyouts were working :blush:

You are missing a closing </div> in the categories sidebox. There are 3 <div> and only 2 </div> so it runs into the next box in a similar way that the shopping cart sidebox runs into the lower sideboxes unless you have patched it.

Edit the sidebox and try adding a closing </div> at the end.

:oops:
Forget that, looks like I can't count. Sorry

Oohhh now I see it...I also was looking at the css flyouts ergo your title and totally overlooked the missing header for 'new products'.

I would have to think that this is a Div tag order issue and pertains only to this single sidebox as all the others display as expected.

You have added some additional finctionality through css stylesheets and I did not take the time to unravel their inter-relationships but it can not be that major as if one uses FF + dev tools and displays the div order, it all places out correctly.

I know that I have not provided you a definitive solution but feel that you are considerably more accomplished at coding than I. Just hope that this is one of those that maybe sleep and a hot cup brings clarity to.

gilby - :laugh: - well it DID make a difference, but not in a positive sense! :laugh:

kobra - thanks for trying. I'll come back with the solution when I find it, but this one's not urgent at the moment.