# CSS Drop Down Issue

**URL:** <https://forum.kirupa.com/t/css-drop-down-issue/165488>\
**Category:** Uncategorized\
**Created:** [October 11, 2005, 2:42pm UTC](https://forum.kirupa.com/t/css-drop-down-issue/165488 "2005-10-11T14:42:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![VersusMG](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@VersusMG](https://forum.kirupa.com/u/VersusMG)\
**Post date:** [October 11, 2005, 2:42pm UTC](https://forum.kirupa.com/t/css-drop-down-issue/165488/1 "2005-10-11T14:42:08Z")

</div>

[http://www.versusmediagroup.com/alex/](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.

```auto

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 🙂