How can I style form elements by attribute selector "type"?

Form field is…

	<form action="http://mysite.com" id="cse-search-box">
	  <div>
		<input type="hidden" name="cx" value="" />
		<input type="hidden" name="cof" value="FORID:10" />
		<input type="hidden" name="ie" value="ISO-8859-1" />
		<input type="text" name="q" size="31" />
		<input type="submit" name="sa" value="Search" />
	  </div>
	</form>

I’m trying to style the submit button with no luck with this code…

#cse-search-box input[submit] { width: 76px; height: 23px; vertical-align:top; margin:-1px 0 0 0; color:#ccc; padding: 0; border: 0; background: url(search.png) center top no-repeat; text-indent: -1000px; font-size:0; cursor: pointer; cursor: hand; }

That’s because the selector attribute syntax is as follows :[attribute] or [attribute=val].
What you need to do do is

#cse-search-box input[ type=“submit”] { … }

Bear in mind that older versions of IE do NOT support attribute selectors… ( don’t you love MS?) so you might be better off actually giving your submit button an ID.