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