CSS check

[liunx]

I need someone to glance over this CSS to see if it is ok. In turns of working across different browsers.

body {
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
line-height: 1.5em;
color: #333;
background: #003;
font-size: x-small; /* IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}

html>body { /* be nice to Opera */
font-size: small;
}

a:link {
color: #5b80b2;
}

a:visited {
color: #969;
}

a:hover {
color: #036;
}

p {
margin: 1em 0 1em;
padding: 0;
}

#container {
width: 775px;
\width: 795px;
w\idth: 775px;
margin: 10px;
margin-left: auto;
margin-right: auto;
background: #fff;
background: #fff url('bg.gif') repeat-y;
}

#banner {
padding: 0;
margin-bottom: 0;
background-color: green;
height:120px;
}

#content {
padding: 5px;
margin-left: 180px;
}

#sidebar {
float: left;
width: 180px;
\width: 180px;
w\idth: 180px;
margin: 0;
margin-right: 0;
padding: 0;
background-color: red;
}

#footer {
clear: both;
padding: 0;
margin-top: 0;
background-color: #ccc;
}

thank you for input. What you need is a browser compatabiliy table

This is one I found on the net
<!-- m --><a class="postlink" href="http://www.richinstyle.com/bugs/table.html">http://www.richinstyle.com/bugs/table.html</a><!-- m -->


I have spent long hours on this subject and have found the biggest problem is with the margin and padding elements, I now just try to stay clear of them !!!


Hope this helps.thanks, very helpful no problem,


also

if you ARE going to use the padding (and margin) properties then use them as whole set

eg

rather than writing

padding-left: 10px;

write it in the set of 4 properties

padding: top right bottom left;
or
padding: 0px 0px 0px 10px;

this set of 4 properties is marginally more accepted by browsers for some classesok, thanks for the advice