Two Small but Annoying CSS issues

Hi,

As the title of this post suggests, I have two small but annoying CSS issues!!

The first is that I have a value of “search” on my search bar on my site, I have applied this CSS:

#searchsubmit {
margin-left:2px;
background:0;
height:32px;
width: 51px;
border: 0;
text-indent: -9999px;
cursor: pointer;
	}

This all works fine in every browser except IE where the text-indent doesn’t apply. How can I sort this so the text does not appear??

The next problem is, I have a list that shows the last 5 posts on the site (using the ‘recent posts’ plugin) and I cant remove the text indent also in IE:

#home_posts li {
width: 385px;
border: 1px solid #151515;
border-top:0;
margin-bottom: 0px;
margin-left:0;
padding: 12px 0 12px 15px;
background: url('images/homeposts_bg.png') no-repeat 0 0;
list-style:none;
text-indent: none;
}

I have tried everything I can think for both, can anyone help.

Thanks
Phil