Ok, so I have a CSS and I use it for format text all over a page. For the most part this is great. For some reason I have one section where absolutely NO formatting takes place. I scoured the CSS, I’ve scoured the HTML… I just can’t find the error. I need a second pair of eyes here I guess. The HTML….
[code]
<div id=”big”>
<table width=”731″ cols=”3″ border=”0″>
<tr><td width=”131″ valign=”top”>
<table width=”100%” cols=”1″ border=”2″ bordercolor=”#8C2D27″>
<tr><td width=”100%” align=”center”><form action=”logger.php” method=”post”>
<span id=”maroon10″>Username: <input type=”text” name=”usn” size=”10″ /></span><br>
<span id=”maroon10″>Password: <input type=”text” name=”psw” size=”10″ /></span><br>
<input type=”submit” value=”Log me in!” /></form><p>
<span id=”gold10″>Not a member? Register <a href=”register.htm”>HERE!</a></span>
</td></tr></table>
</td>
<td width=”10″></td>
<td width=”590″ height=”300″ bgcolor=”blue”></td></tr></table></div>
And the relevant CSS…
[code]
#big
{
position: relative;
margin-top: px;
width: 799px;
height: auto;
float: center;
background-color: #ffffff;
font-family: tahoma;
font-size: 10px;
}
#big a:link {
font-size: 10px;
font-weight: 600;
text-decoration: none;
text-align: center;
text-valign: center;
color: #ffcb38;
}
#big a:visited {
font-size: 10px;
font-weight: 600;
text-decoration: none;
color: #ffcb38;
}
#big a:hover {
font-size: 12px;
font-weight: 800;
text-decoration: none;
color: #3D4559;
}
#big a:active {
font-size: 10px;
font-weight: 600;
text-decoration: none;
color: #ffcb38;
input
{font-size: 10px;}
#maroon10
{
font-family: tahoma;
font-size: 10px;
color: #8C2D27;
}
#gold10
{
font-family: tahoma;
font-size: 10px;
color: #ffcb38;
}
Literally nothing works in there. The text is all default size and auto black, the links is default link blue underlined, and even the input boxes are default size. What am I missing?