this week for the main menu

i hv spent four days of this week to do the menu, i do so many research on Menu control in asp.net2.0, coz i need the image in the main menu which can easy be modified later, coz the client hasn't build their Suite yet, so they can't provide the photos for the website at this moment, they want to edit by themselves later on.
Finally, i use static item template to do this, i put two hyperlink control in one item, one with image, and one is just text, and both bind it to sitemap file which can be modified easily, after that code the hover style.
This main menu finally works ok, but may need to test more, and need to do a page for client able to edit sitemap file.

And now, there is another problem, the page layout works perfectly in IE6.0, but when i open in Mozilla, the layout is totally wrong, just like the following.
i think there is difference of div tag between IE and Mozilla, after i google this, i found the mozilla calculate the div width and height from the content, and IE is calculated from the border, that 's why the text move up and overlap the image. now i am searching the solution of this problems.