Question with buttons

HTML & CSS
1

So I’ve got buttons that I’m adding icons to (or inside rather) and they are displaying incorrectly in IE (big surprise). Any idea on how to tweak the css below to match them both?

Here is the example of how they look:

CSS:

.ui_button {
	font-size:11px;
	font-weight:normal;
	background-color:#dedfe0;
	border:1px solid #c1c1c1;
	border-top-color:#fff;
	color:#747474;
	padding:6px 6px;
	font-style:normal;
}

.ui_button:hover { cursor:pointer; cursor:hand; background-color:#eee; }

.ui_button_add,
.ui_button_view {
	padding-left:25px;
	background:#dedfe0 url(../images/silk-icons/add.png) no-repeat 5px center;
	text-decoration:none !important;
	text-transform:uppercase;
	font:11px "Lucida Grande", Lucida, Verdana, sans-serif;
	color:#747474 !important;
	margin-bottom:5px;
}

.ui_button_add   { background-image:url(../images/silk-icons/add.png); }
.ui_button_view   { background-image:url(../images/silk-icons/view.png); }
2

Well that’s 50% of it. What’s your HTML look like?

3

Basically this:

<div><input type="button" onclick="openPage(-1)" value="Add New" class="ui_button ui_button_add" name="addNew"> <input type="button" onclick="window.location='page.php'" value="View Records" class="ui_button ui_button_view" name="viewRecords"></div>
4

Have you tried giving it a width?

5

Perfect. That’s all it needed. Thanks!