TABLE BORDER...driving me nuts!

Hi Guys,

I’ll try and explain this as simple as possible.

I have a table (full of different content), I want that table to have an outline i.e a border all the way round the outside but NOT the cell lines etc.

If I select border in the properties panel and make 1px for example, it puts a line round all the cells etc in the table, not what I want.

So I created a style :

.border {
border-top-color: #FF2CDA;
border-top-width:thin;
border-right-color: #FF2CDA;
border-right-width:thin;
border-bottom-color: #FF2CDA;
border-bottom-width:thin;
border-left-color:#FF2CDA;
border-left-width:thin;
}

And I attached this style to the table using class=“border”:

<table width=“900” height=“1033” border=“0” align=“center” cellpadding=“0” cellspacing=“0” class=“border” id=“inner”>

Now in dreamweaver design mode this works great, a thin pink border around the top, left, right and bottom of the table.

However when previewed in IE 7 and uploaded…theres nothing!!!

Can anybody help, or perhaps even suggest an alternative method. Initially I created another table and put this entire content inside it, it seemed to work but was messy and there were gaps at the edges where the to tables met.

HELP…PLEASE.

Thanks.

Site can be viewed here www.shoes4crews.co.uk/shoes4crews_new