Needing Help With CSS Border

Looks fine in Firefox but not IE

[wfernley]

Hey everyone,

I am having an issue with my website. I have <div>'s setup that contain my content. Those divs look to a css that give it a border around the content. The border should be grey and 1 pixel wide. It works great in Firefox but not Internet Explorer. In IE the border is there and grey, but its 2 or 3 pixels wide.

Is there any work around for this?

This is an example of how I am using it...

CSS
.grey_border {
background-color: "#FFFFFF";
border: thin solid #C5C5C5;
padding: 7px 7px 7px 7px;
height: 100%;
}

HTML
<div class="grey_border">
Content Goes Here....
</div>

Can anyone help?

Thanks in advance for your help!

Wes

[The Contractor]

why not border:1px solid #C5C5C5;
you can also use padding: 7px; instead of padding: 7px 7px 7px 7px;

[doodlebee]

CSS
.grey_border {
background-color: "#FFFFFF";
border: thin solid #C5C5C5;
padding: 7px 7px 7px 7px;
height: 100%;
}

There's a couple of errors there in your CSS file as well - your background color shouldn't be enclosed in quotes, for one.

Try:

CSS
.grey_border {
background-color:#FFF;
border:1px solid #C5C5C5;
...

Be sure when you'r finished with your code and CSS that you validate it...that code you had with the quotes would most certinaly not validate, which will throw off how your page displays in browsers.