Home/ Questions/Q 8928297
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T08:24:22+00:00

I’m having some issues with a button in IE7. In everything else the button

  • 0

I’m having some issues with a button in IE7. In everything else the button appears like this:
Correct

However, in IE7 the button appears like this.
Incorrect

I’ve tried to put together a jsfiddle with the code that is affecting the overall form and the fiddle seems okay (even though it is missing the image references) so I don’t understand why IE7 is throwing a fit with this button and making it appear on the right of my content.

 JsFiddle Code

JsFiddle

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This should fix the issue in IE 7

    div.links {
    clear: both !important;
    margin: 0 !important;
    padding-top: 15px;
}

    In the stylesheet, icams_specific.css find this section and replace all of it with this:

    div.widget-container > div.search > form.search > div#search_links > input.button {
background-color: #E7E7E8;
background-image: url("/incl/images/search.png");
background-position: 50% 50%;
background-repeat: no-repeat;
border: medium none;
cursor: pointer;
height: 35px;
margin-left: 257px;
margin-top: -35px;
padding: 0;
transition: all 0.25s linear 0s;
vertical-align: top;
width: 38px;
}

    To move the search button left right, change margin-left: 257px; to the required value.

    You will also need to keep the change made to div.links above

    • 0