CSS Drop Down Issue

http://www.versusmediagroup.com/alex/

I am having a problem getting the boxes to space right.

I have tried ‘display:block;’ and that doesn’t solve it and i have tried to add ‘margin:0 0 50px 0;’ and that doesn’t work.

Here is the CSS for that area of my file, please let me know where i am going wrong.


ul li a {
	background-color:#CCCCCC;
	border:1px solid #EEEEEE;
	width:150px;
	padding:3px;
	display:block;
}

ul li a:hover {
	background-color:#BBBBBB;
	border:1px solid #DDDDDD;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

ul {
	 padding: 0px;
	  margin: 0px;
	  list-style: none;
	display:block;
}

li {
	float:left;
	  position:inherit;
	  width: auto;
	  margin:0;
	padding:0;
	display:block;
}

li ul {
	display: none;
	  position: absolute; 
	  top: 5em;
	  left:5em;
	padding:0 0 50px 0;
	margin:0 0 50px 0; 
}
  
li > ul {
	top: auto;
	left: auto;
	padding:0 0 50px 0;
	margin:0 0 50px 0;
}

li:hover ul, li.over ul{ 
	display: block;
}

li.space {
	margin:0 0 50px 0;
	padding:0 0 50px 0;
	display:block;
}

Thanks :slight_smile: