search button border

[Wordplay]

i csan't seem to get rid of the border around the search button in my navbar.

		<form action="search.php?{vb:raw session.sessionurl}do=process" method="post" id="navbar_search" class="navbar_search">
			<vb:comment><input type="hidden" name="s" value="{vb:raw session.sessionurl}" /></vb:comment>
			<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
			<input type="hidden" name="do" value="process" />
			<span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" tabindex="99"/></span></span>
			<span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.<vb:if condition="(is_browser('ie') AND !is_browser('ie', 7) AND !is_browser('ie', 8))">gif<vb:else />png</vb:if>" name="submit" onclick="document.getElementById('navbar_search').submit;" tabindex="100"/></span></span>
		</form>

i tried adding border="0" to both spans around it, and even to all the border fields in every buttoncontainer css in the vbulletin-chrome.css file

.globalsearch .buttoncontainer {
	height: {vb:stylevar navbar_tab_size.height}px;
	border-{vb:stylevar left}:{vb:stylevar navbar_tab_border};
	display:inline-block;
	border-{vb:stylevar right}:{vb:stylevar navbar_tab_border};
	width: 25px;
	overflow: hidden;
	float: {vb:stylevar right};
}

.globalsearch .buttoncontainer span{
	border-top: {vb:stylevar navbar_tab_bevel};
	border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
	height: {vb:math {vb:stylevar navbar_tab_size.height}-3}px;
	padding-{vb:stylevar left}: 4px;
	padding-top: {vb:math {vb:math {vb:stylevar navbar_tab_size.height}-21}/2}px;
	display:inline-block;
}

.globalsearch .searchbutton {
	border: 0;
	padding: 0;
	width: 22px;
	margin-top: -2px;
	margin-{vb:stylevar left}: -2px;
}

http://i55.tinypic.com/a5cenb.png