Hi im having trouble getting my page to view correctly in both ie and firefox. I can get it to view right in one, but not the other. Currently it looks the way I want it to in IE but the hover action and border is messed up in firefox. What am I doing wrong?

http://www.convandesign.com/TCEA/index.htm
http://www.convandesign.com/TCEA/CSS/screen.css

What happened to the menu when you tried to set the height to 32px instead of auto? J see you commented that part out.

it does the same thing when i changed it to 32px instead of auto

can sum1 plz help me?

if i change the link styles to:

#menu a:link, a:active, a:visited {
	
	border-right: 1px solid #000000;
	text-decoration: none;
	height: 32px;

	padding: 0 10px 0 10px;  
	text-align: center;

	font-size: 13px;
	
	display: table-cell;
	
		
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: black; 
	}

it displays fine in firefox and not so good in internet explorer

I think the problem may be in the height of your background image and the containing divs. The #menu div is expanding to fill 90px height for the image and the #top_bar and #nav_pholder divs in firefox.

Try redoing the image so it just includes the bar itself and not any of the background color and change the height of those two divs to 32px.

You can position the bar either by adding a margin-top:25px (I think you're trying to have the bar 25px down from the top) to the div#top_bars or by using css positioning {position:absolute; top:25px}
on the top_bars. Use the margin-top if you're not comfortable with css positioning.

Hope that helps. Let me know if it works.