Borde till tabell med CSS

Hej!

Jag har lite problem med att översätta detta till CSS:

<table cellspacing="0" cellpadding="2" border="1" bordercolor="#CCCCCC" align="center">

Just nu har jag:

<table class="mainTable">

.mainTable { height: 400px; border: #CCCCCC; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}

Men det ser inte likadant ut (kolla gärna på bilderna). Hur ska man göra?

.mainTable
{
  border-color: #cccccc;
  border-style: solid;
  border-width: 2px;
  height: 400px;
}

Nej, det blev inte riktigt som jag ville. Men jag lyckades lösa det. Man var tvungen att formatera cellerna också för att få samma effekt

.mainTable { height: 400px; border: solid 2px #CCCCCC; border-collapse: collapse; }
.mainCell { border: solid 2px #CCCCCC; }