For some reason, some of my styles resize based upon the viewer setting the font size preferences in Internet Explorer or Mozilla. Other fonts seem unaffected by the selections made by the user.
Here is my css:
a:link { color: #000000 }
.main { font-family: Arial; font-size: 10pt; margin-bottom: 16px }
.menu { color: #663300; font-family: Arial, Helvetica, sans-serif; letter-spacing:
-0.03em; font-size: x-small; text-decoration: none }
:hover.menu { color: #663300; text-decoration: underline }
a:visited { color: #663300 }
a:active { color: #663300 }
body { font-family: Arial; font-size: 12px }
table
{
table-border-color-light: rgb(255,153,51);
table-border-color-dark: rgb(0,0,0);
}
h1, h2, h3, h4, h5, h6
{
font-family: Book Antiqua, Times New Roman, Times;
}
h1 { font-size: 14pt; font-family: Arial; font-weight: bold }
h2 { color: #666600; font-size: 12pt; font-family:Arial }
h3 { font-family: Arial; font-size: 10pt; font-weight: bold }
h4 { color: #663300; font-size: 10pt; font-family: Arial; font-weight: bold }
h5
{
color: rgb(204,51,51);
}
h6
{
color: rgb(102,0,102);
}
.menunew {background-color:Hex={FF,
CC,99}; color:#003366;font-size=15
px}
.menunew a:link {color:#000000;text-decora
tion: none;}
.menunew a:visited {color:#003366;text-decora
tion: none;}
.menunew a:active {color:#336699;text-decora
tion: none;}
.menunew a:hover {color:#000000;text-decora
tion: underline;}
.menu {color:#003366;font-size=1
5px}
.menu a:link {color:#000000;text-decora
tion: none;}
.menu a:visited {color:#003366;text-decora
tion: none;}
.menu a:active {color:#336699;text-decora
tion: none;}
.menu a:hover {color:#000000;text-decora
tion: underline;}
#header {
float:left;
width:100%;
background:url("bg.gif") repeat-x bottom;
font-size:60%;
line-height:normal;
font-family: "MS Sans Serif", Geneva, sans-serif;
}
#header ul {
margin:0;
padding:5px 0px 0;
list-style:none;
}
#header li {
float:left;
background:url("left_both.
gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #765;
white-space: nowrap;
}
#header a {
float:left;
display:block;
width:.1em;
background:url("right_both
.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#614B26;
}
#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
color:#614B26;
text-decoration: underline;
}
#home #nav-home, #landscape #nav-landscape, #plants #nav-plants,
#wildlife #nav-wildlife, #birds #nav-birds,
#dest #nav-dest, #shop #nav-shop, #search #nav-search {
background-position:0 -150px;
border-width:0;
}
#home #nav-home a, #landscape #nav-landscape a, #plants #nav-plants a,
#wildlife #nav-wildlife a, #birds #nav-birds a,
#dest #nav-dest a, #shop #nav-shop a, #search #nav-search a {
background-position:100% -150px;
padding-bottom:5px;
color:#614B26;
}
#header li:hover, #header li:hover a {
background-position:0% -150px;
color:#333;
}
#header li:hover a {
background-position:100% -150px;
}
