/* apply a natural box layout model to all elements */
Hi Jen, Thanks for you quick response. I realize that setting the box-sizing property to border-box causes padding to be subtracted from the width, that isn't a problem. The problem is when the Sitefinity Navigation control is set to use this style, the drop down menus continuously shrink each time you mouse over the heading to make them show up. I will attach two screen shots, one the first time I mouse over the control, and the second after I have caused it to open a few times. Notice how the background has shrunk way down in the second one.
#wrapper body, #wrapper div, #wrapper span,
, #wrapper h
, #wrapper p, #wrapper
, #wrapper a, #wrapper dl, #wrapper dt, #wrapper dd, #wrapper ol, #wrapper ul, #wrapper li, #wrapper tr, #wrapper th, #wrapper td...
The properties you're referring to are actually set to the div that wraps the navigation, not to the navigation items. To change the height and font of the items you can either override the their default font and height, set by the Sitefinity skin, or simply create your own skin and declare these css properties in it. Take a look at this forum post for further reference.