IE 10 rendering problem

I have a rendering in Internet Explorer 10 with a drop down menu using menuwriter. There are gaps in the menu drop down. It works perfectly in all other browsers I have tested.
Is there any way to fix it?
See the attached picture

normally this happens if the menu items do not use a width or height attribute in pixels.

please provide a link where i can see the problem to investigate the cause.

Thanks for that Jason.

I have tested it in IE9 and it works perfectly. It's only IE10 with the problem.

The widths have been set and the padding. However Heights have not been set. Are you suggesting that if I set the heights and that should fix it?

settings heights for the menu items may fix it, or it may not, i would need a link to see the problem in order to investigate the cause.

Hi again Jason,

The menu is being used as an include in the page.

Here is a link to the menu on its own:

menu.php

You will see that it works perfectly on its own in IE 10

I think the problem arises when it is included in the page, example:

concrete-testing.php

This menu is database driven.

I look forward to your advice

the problem is caused by the line height on the body tag in the /css/css.css

body {
	background-image: url(../CSSSculptor/BAMRNEW1ColumnElasticCenteredHeaderandFooter_BAMRNEW0_images/bgtest.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

remove the line height:

body {
	background-image: url(../CSSSculptor/BAMRNEW1ColumnElasticCenteredHeaderandFooter_BAMRNEW0_images/bgtest.jpg);
	background-position: top;
	background-repeat: repeat-x;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	/*line-height: 14px;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}

to correct the menu problem.