Issue with spacing below an image

[DJ Biscuit]

I am working on a system that needs to be compatible with IE (Eugh...) and in IE there is a space between the little +/- button below the table on this page:

[url]http://test.tylerantonio.com/crs/admin.php?d=tickets[/url]

It works in firefox fine, but does anyone know of a fix for IE?

Here is some relevant code from the source

[html]
<div id="top">
<a onClick="options('box')"><img id="options_button" src="images/misc/options_plus.png" alt="+" title="Open Options"></a>
</div>
[/html]

and then the CSS for that is:

#ticketoptions #top{
	border-bottom: #549ec9 1px solid;
	text-align: right;
}
#ticketoptions #top #options_button{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

[Ddrl46]

It works fine in IE here :/?

[DJ Biscuit]

Really? When I view it in IE I see this:
[img]http://img2.tylerantonio.com/crsspace.png[/img]

and in FireFox it looks like:
[img]http://img2.tylerantonio.com/crsspaceff.png[/img]

[Ddrl46]

Ill make a screenshot.
Also, are you using IE 8?

[img]http://i49.tinypic.com/2eakjuu.png[/img]

[editline]04:44PM[/editline]

When i tried to make something similar IE didn't even want to show it :D.
[url]http://kweb.muffinz.eu/toggle/[/url]

[Mr.Hoff]

Who's *eA* RussianZack [OM3GA] ?

[a2h]

#ticketoptions #top #options_button{
	margin-bottom: 0px;
	padding-bottom: 0px;
	*position:relative;
	*top:4px;
}

Prefixing * works with IE6 and IE7. From the looks of it IE8 isn't affected so this CSS hack would work.

[DJ Biscuit]

Thanks a2h, it works perfectly now.