Hi,
I'm currenty working on the top part of the site, and naturally doing it with CSS (means no tables used)!
The problem is with display, Ie is showing it as it is ment, but firefox is not doing so.
So I've got a <div id = border>, everything that goes inside this div should have been sourronded with borders 4 sides. IE is doing well and inner elements are being bordered, while firefox not, can anyone help?
HTML
HTML Code:
<body>
	<!-- border of the page, container of everything -->
	<div id="border">
	   <div id="topslice"></div>
	   <div class="head"></div>
	   <div class="lfthead"></div>
	</div>
	<!-- end of the border-->
</body>
CSS code:
Code:
#border {
	width: 647px;
	border : solid #000 1px;
	margin: 0;
	padding: 0;
	height: 100%;
}
#topslice {
	background-color: #DDD6C6;
	height: 5px;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
}
.head {
	width: 497px;
	background-color: #FFCC00;
	height: 21px;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	border-right: solid #000 1px;
	float: left;
	color: #000;
}
.lfthead {
	width: 149px;
	height: 21px;
	background-color: #FFCC00;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	float: right;
	color: #000;
}