Padding issue on CSS dropdown menu

[biggieuk]

Hi all,

 

I have created a CSS dropdown menu for my website. To space out the individual menu items i have used a top padding of 5px, however this causes the dropdown to close as the cursor hits the padding space in IE only.

 

Is there a workaround for this?

 

The code for the text item is:

 

#menuh a
	{
	text-align: center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding: 0px 0px 5px 0px; /* height of menu */
	}

 

thanks for hel with this.

 

Dan

[biggieuk]

Just checking to see if anybody has any ideas about this?

 

Is there a way to include the padding in my dropdown menu so that the mouse can rollover ok, like it does in Firefox?

 

Thanks.

[FaT3oYCG]

try using line-spacing: instead maybe a value of 1.5em