Can't get rid of extra space in table, possible css problem 2

[peacecodotnet]

I've been working on a template for somebody, and I just added some CSS dropdown menus to the navbar. The problem is, there is now a space above and below the TR that the dropdowns are in. I've tried everything but I can't seem to get rid of it.

A CSS solution would be ideal, because my next step is to convert it all to CSS so it's XHTML compatible.

Thanks!

Peace out,
Peace Co.

 

[oppcos]

Do you have a link we can look at to see the effect you are describing?

 

[BabyJeffy]

Suggest you put a <DOCTYPE> declaration at the top of your page. That might just do the trick. I know it sounds a bit mad... but post back and tell me how you go.

Jeff

 

[peacecodotnet]

Jeez, I am really too tired. Can't believe I forgot the link. It's at

http://www.andrewpeace.com/hjt/test2.html

and the style sheet is at

http://www.andrewpeace.com/hjt/styles.css.

When I get home tonight I'll try adding that DOCTYPE.

Peace out,
Peace Co.

 

[oppcos]

I got rid of the space between the drop down menus and nav bars with this CSS change:

li ul
	{
	display: none;
	position: absolute;
	[COLOR=#ff0000]top:21px;[/color]
	left: 0;
	background-color: #83B7C7;
	width: 100px;
	}

li > ul
	{
	[COLOR=#ff0000]top: 21px;[/color]
	left: auto;
	}

1.9em worked for the top property too, but I was only able to test with Firefox, not IE, so you'd better check that fix out in a few other browsers as well.

Eventually, I recommend removing tables for positioning with CSS to give you more flexibility and browser compatibility.

 

[peacecodotnet]

No time to test this now, but it this looks promising. Thanks so much!

Peace out,
Peace Co.