Hello again all,

OK, so i've got the layout of my site as I want it.

It looks great in IE, but when previewing in Firefox I end up with BORDERS around every table on my site.

I have searched all the sites I can to find a way of rectifying my code but have come up short, or simply not understood the technical jargon.

I simply want to know how to write my code so I can control my borders so they look the same in BOTH Firefox & IE.

At the minute, to remove the borders in FF, i'm just changing them to the same colour as the background. Not ideal I know, but it does hide them.

When i do edit the CSS in dreamweaver, in the right hand column under CSS Styles, it does change the borders to my requirements, all except the left & top part of the main table which shows a different colour? Why? I have changed all the options to the same colour?

To sum up: Why does Firefox adopt the border colour of the TEXT, not what I specify in dreamweaver? Yet in IE it does show what I specified.

HERES MY STYLE SHEET - Should It Have reference to borders in it?
<style type="text/css">
<!--
body,td,th {
	font-family: Cornerstone;
	font-size: 12px;
	color: #FFFFFF;
	}
body {
	background-color: #000000;
	}
a {
	font-family: Cornerstone;
	font-size: 12px;
	color: #00FF00;
	background-color: #000000;

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00FF00;
}
a:hover {
	text-decoration: none;
	color: #00FF00;
}
a:active {
	text-decoration: none;
	color: #00FF00;
}
.style1 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style3 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #666666; }
.style4 {font-family: Cornerstone}
-->
</style>

How Border Appears In Firefox:


How Border Appears in IE - (As i want it)


Thanks in advance

MXMaster©

I cant comment on dreamweaver as i never use it... to get consistant style use the 'border' CSS properties for table, th & td. For instance a table with no borders would be:

table, th, td {
border-style: none;
}

to get, say, a table with a 1 pixel green border use:

table, th, td {
border: 1px solid rgb(133,180,12);
}

Theres loads of CSS border rules and theyre pretty universal across browsers- get a decent reference (o'reillys CSS pocket reference is v. handy) and experiment!

Thanks man, it solved the problem.

I addded what you said to the CSS and before my tables, i added the
'table class="example"
Thanks again.

MXMaster©

glad to help