Date: 08/29/06 (Web Development)    Keywords: css

I just inherited this site that I have to tweak and get up online (I don't love the layout but don't have the time to completely change it). I'm having issues getting the drop-down menus to line-up nicely. Or rather, trouble getting the main images to line up nicely in the table cell. I want it to be flush with the left and bottom (no black around those sides).

The page is here and the CSS is below the cut.

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    background-color:#000000;
	height:29px;
}
li {
  float: left;
  position: relative;
  width:88px;
}
li ul {
	display: none;
	position: absolute;
	top: 29px;
	left: 0;
	background-color:#000000;
	color:#FFFFFF;
	padding: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: e00000;
}
li > ul {
	top: auto;
	left: auto;
}
li ul a {
  color:#FFFFFF;
}
li:hover ul, li.over ul{ display: block; }

Source: http://community.livejournal.com/webdev/350232.html