CSS vertically aligned anchor inside li - IE8/IE9 issue
I've recently come across a nasty issue in IE8/IE9 (surprisingly, it aligns at it should in IE7). Please check out [http://targettedmedia.co.uk/httpdocs][1]

As you can see in Firefox/Chrome or other modern browser, on hover over the top menu, the submenu items should be vertically centered (regardless of one or 2-lined items). Yet, in IE8 and IE9 it just doesn't want to work. I've tried editing the code but to no avail.

Can you please help me? It's just getting too frustrating to handle it. I sincerely thank you in advance!

Here are the specific CSS bits that handle the vertical alignment:

    ul.dropdown ul {
	 width:400px;
	 padding:20px 0 25px 7px;
	 background:#6c6c6c;
	 font-size:14px;
	 font-weight:normal;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 height:42px;
		 line-height:42px;
		 float:left;
		 margin:0 0 0 15px;
		 border-top:1px solid #484848;
		}
		
		ul.dropdown ul li a:link {
			display:inline-block;
			width:165px;
			padding:0;
			color:#fff;
			text-align:left;
			line-height:normal;
			vertical-align:middle;
		}

  [1]: http://targettedmedia.co.uk/httpdocs
CSS vertically aligned anchor inside li - IE8/IE9 issue
===

I've recently come across a nasty issue in IE8/IE9 (surprisingly, it aligns at it should in IE7). Please check out [http://targettedmedia.co.uk/httpdocs][1]

As you can see in Firefox/Chrome or other modern browser, on hover over the top menu, the submenu items should be vertically centered (regardless of one or 2-lined items). Yet, in IE8 and IE9 it just doesn't want to work. I've tried editing the code but to no avail.

Can you please help me? It's just getting too frustrating to handle it. I sincerely thank you in advance!

Here are the specific CSS bits that handle the vertical alignment:

    ul.dropdown ul {
	 width:400px;
	 padding:20px 0 25px 7px;
	 background:#6c6c6c;
	 font-size:14px;
	 font-weight:normal;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 height:42px;
		 line-height:42px;
		 float:left;
		 margin:0 0 0 15px;
		 border-top:1px solid #484848;
		}
		
		ul.dropdown ul li a:link {
			display:inline-block;
			width:165px;
			padding:0;
			color:#fff;
			text-align:left;
			line-height:normal;
			vertical-align:middle;
		}

  [1]: http://targettedmedia.co.uk/httpdocs