The above is a menu in a div consisting out of anchors with class=menu. Now I know NN and IE render borders different from each other in css, but in NN the above code produces messy results such as background overlapping border. Is there a work-around for this issue?
Now.. with all your units in place.. here is whats going on. :)
NN is doing things correctly. You have specified you want your anchors to be 100% wide with a 5px border on the left and right sides. This means the total width will be 100% + 10px - which is what is causing the overlap.
It doesn't show on IE because IE incorrectly creates borders inside the existing width of items.
The solution is simple tho - just don't specify a width for the .menu class - it will fill the width of the parent by default.
Well, I removed the width: 100% for the .menu class and now NN renders it the way it should. Adding px by the way doesn't make any difference since it is the default in most browsers. Thx a lot for the input.