I am constructing a webpage for a film festival. I work with Mac and both Safari and Chromium (latest versions) display my theme right, but when at work I use Windows. Firefox, Google Chrome and IE9 do not seem to read my template wide CSS properly.
Here is my CSS:
body {
background-color: #111;
}
h3 {
font-family: Verdana, Arial, Helvetica;
font-size: 14px;
color: #FFF;
font-style: normal;
line-height: normal;
font-weight: normal;
margin-left: 25px;
}
p {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
color: #FFF;
margin-left: 25px;
}
a:link {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
text-decoration: none;
color: #FFF;
}
a:hover {
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
text-decoration: underline;
color: #FFF;
}
#lang_box {
height: 20px;
width: 300px;
padding-left: 800px;
padding-top: 45px;
}
.lang_link {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
color: #999;
text-decoration: none;
letter-spacing: 0.8em;
}
Only Safari and Chromium show 'letter-spacing' and 'a:hover' in a right way, but it seems that all the other browsers just ignore those markups.
Can someone help me with this problem? Thanks in advance.