Another Problem--this time with CSS.

[migsy]

Hello again folks,

I'm experiencing some problems with CSS. I have a search box that i'd like to give a certain style to. I have created a class for a search box that exists throughout the entire site, however, the front (index) page's search box looks slightly different. Here is a snippet of the code I've put together:

[CSS]

.homeSearch { background-color:#012758; margin-bottom:10px; padding:11px 0px 9px 10px; }
.homeSearch a { color:#fff; font-size:12px; text-decoration:none; }
.homeSearch a:hover { color:#fc6; font-size:12px; text-decoration:underline; }

[html]

<table border="0" cellpadding="0" cellspacing="0" width="1000">
<tbody><tr>
<td colspan="2" align="left" valign="top">
<table class="hdr" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="left" valign="top" width="500"><a href=""><img src="/imgs/v4/logo_sml.gif" alt="" title="" border="0"></a></td>
<td align="right" valign="bottom" width="500">
<div class="homeSearch"><form name="searchFrm" id="searchFrm" action="/search/index.asp" target="_top" onsubmit="return whichSrch();" method="post">
<img src="imgs/v4/searchHome.gif" width="51" height="18" alt="search" title="search" border="0" />
<input type="text" name="searchFld" id="searchFld" class="search" />&nbsp;&nbsp;<input type="image" src="imgs/v4/bt_go.gif"
class="searchGo" id="Image1" name="Image1" />&nbsp;&nbsp;<a href=""> Explore Topics </a></form></div></td>
</tr>
</tbody></table>

Now, when I work with those css styles and that bit of HTML--everything comes out as desired. However, when I implement that bit of CSS code into the rest of my CSS sheet--the styles don't take effect.

And that has me confused! Ideally, i'd like to give the background of the div tag a color of: #012758 and I'd like to make the EXPLORE TOPIC link a size of 12 and a text color of white.

Any suggestions? leads?
Thank you in advance!

-Migsy

[migsy]

Nevermind, I've figured it out!