I have implemented a suckerfish menu for a redesign of a game site.

However every implementation I come up with works fine in FF and Opera8, 
but fails in IE6 (only tested on Windows).

I also used the block image code which I was having trouble with last 
week (thanks for the help).

The test site is here: http://homepage.ntlworld.com/graham.reeds/space 
and the css is here 
http://homepage.ntlworld.com/graham.reeds/space/styles/space_styles.css

Originally I grouped all the menu images into one.  This partially 
worked, but had problems with the items being differing heights:  The 
items were between 13 and 21 pixels in size but the items were only 
partially selectable because the text doesn't fill it entirely.

So I then thought about adding a top and bottom li for the menu border 
and making all the items in between the same size.  However this causes 
the top (and the bottom) image to be drawn in correctly due to IE 
deciding that the size you want it be cannot be any smaller than the 
font-size (in this case around 10px).  Add "font-size: 5px" to the top 
list-item and a similar one to the bottom and it starts to render 
correctly in IE, FF and O8.

Now I am happy that it is rendering correctly, but am unhappy about the 
hack. Why does it do this and is there a cleaner work around?

Also I have noticed that it is very slow updating when I am checking the 
site when hosted on my homepage.  Does anyone else see this sluggishness 
in IE6?  Any ideas on that as well?

Thanks, Graham Reeds.

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to