Help with layout problems in IE6

[dthomas31uk]

Hi, Am just creating a webpage.
http://www.heraldicpottery.co.uk/GlassTransfers/Index.html

Everything looks great in Firefox, but when viewed in IE6 horrible little gaps appear in the swatches text and the contact text.

Can anyone advise.

The following is a link to the css

http://www.heraldicpottery.co.uk/GlassTransfers/style.css

Cheers

[coreybryant]

in your CSS:

#contact{
float:left;
margin: 0px 0px 0px -6px;
padding: 3px 5px 5px 50px;
height:170px;
border-bottom: #200D81 1px solid;
border-left: #200D81 1px solid;
background-color: #D9DAEC;
display: inline;
width:379px;
voice-family: "\"}\"";
voice-family:inherit;
width: 385px;

}

Do you need all of this? I have always learned, less is best with CSS. Try changing your margin to 0 all the way around and I think that will help bring out the contact div