I think this is an example that would benefit from a global reset...
We discussed the global reset here:
http://forums.biorust.com/html-php-a...-explorer.html (Firefox Vs. Internet Explorer)
But i put it below again as well.
Place this code at the top of your CSS file. It resets all units to 0 to interrupt any preconfigured defaults various browsers might have.
Then you can set your css to what you want... kind of like ensuring you have a clean slate to start with.
Cheers.
Code:
@charset "utf-8";
/* CSS Document */
/*------------------------------ GLOBAL RESET SETTINGS--------------------------- */
* {
margin: 0; padding: 0;
text-decoration: none;
font-size: 100%;
outline: none;
font-family:Arial, Helvetica, sans-serif;
}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex {
font: inherit;
font-size: 13px;
}
dfn, i, cite, var, address, em {
font-style: normal;
}
th, b, strong, h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet {
border: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td, center {
text-align: left;
vertical-align: top;
}
body {
line-height: 1em;
}
q {
quotes: "" "";
}
ul, ol, dir, menu {
list-style: none;
}
sub, sup {
vertical-align: baseline;
}
a {
color: inherit;
}
/* --------------------------END GLOBAL RESET ------------------*/