CSS for FF and IE

Dawg

I have a test page and it should be obvious the difference between FF and IE.

the CSS for the black area is:

	#separator{
		background-color:#000000;
		border:solid;
		border-top:#CC0000;
		border-bottom:#CC0000;
		padding-top:0px;
		padding-bottom:0px;
		width:990px;
		z-index:0;
	}			
	#adify{
		background-color:#000000;
		border:solid;
		border-top:#CC0000;
		padding-top:20px;
		padding-bottom:10px;
		height:90px;
		width:990px;		
		z-index:0;
	}

The question is what do I need to do to make FF display borders?

I have tried several things but FF does not seem to display.

Thanks
Dave

NogDog

I would recommend that you start by fixing your HTML errors and CSS errors, then see if you still have browser differences. (When your mark-up is invalid, browsers have to make assumptions and guesses, and the likelihood that 2 different browser will make the same guesses is less than that they will render valid mark-up the same.)

cretaceous

border expects three attributes

border:1px solid #ff00aa;

you dont have a thickness defined

borders work fine in Firefox and IE
plenty of other problems betweeen ff and ie but not borders
(unless you happen to need common height borders on multiple floated divs governed by div with greatest content - and then try to get a plain simple anchor in there - sorry I digress - but give me php problems any day...)