Yes, I agree that designing skin to have an unity view across browsers is quite challenging. AFAIK, FF, Opera and Netscape have the same rendering method while IE has its own style. I don't know exactly what differs them but one of the most tricky part is padding. While FF (as well as Opera and Netscape) renders padding for texts only,  IE renders not only texts but also the whole cells.

As for your site, the problem all lies in the spacer.gif which sits beside the menu items. If I assume correctly, you're using it as separators. In that case, you just need to specify the height for it (FF automatically fills that image in to the cells)

Just change this line in the menu section of skin.ascx : separator="<img src=&quot;spacer.gif&quot;  border=&quot;0&quot;/>"

to separator="<img src=&quot;spacer.gif&quot; border=&quot;0&quot; width=&quot;1&quot; />"

Good luck! If you have any more problem, I'll be willing to help.
Duc

Hi Duc, many thanks for having a good look and your thoughts. I'm making changes on my localhost devel environment first to test things. I've made the change to .pagermaster thanks and that helped that part of the problem.

But I'm stumped re spacer.gif. I can't find anywhere in my skin where that file is referenced. It looks to be automatically used by DNNMENU - would that be right? I'm thinking that because my skin.ascx does not even have the separator=<> thing in it. Any ideas of where to look so I can change this setting? Many thanks again.