WordPress.org

1. J_Mo
   Member
   Posted 2 years ago #

   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

2. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #

   You could use the firebug addon for firefox to see if something in the css is overriding what you are trying to do.....or try adding the !important to get it working

   text-indent: -9999em !important;

Topic Closed

This topic has been closed to new replies.