All templates are XHTML 1.0 and CSS2/ tableless.

MENU floating
layout grid with a floating menu on the left.
The menu is fixed in it's width. The height adjusts to the content.
more nice and free css templates

html {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px 20px;
#content {
border:1px solid #564b47;

reason to use attribute selectors is that the .class and #ID selectors apply only to HTML documents, or to any other document that uses a language that includes the concepts of class and ID. Other languages, such as those based on XML, might not honor these conventions, in which case you'll need to use the attribute selectors instead. Matching hyphenated values

applying margins to block-level elements: the collapsing of adjacentvertical margins. This comes into play when an element with marginsimmediately follows another such element in the document'slayout.

A perfect example is an unordered list, in which the list itemsfollow one another. Assume that the following is declared for a listthat contains five list items:

LI {margin-top: 10px; margin-bottom: 15px;}