CODEWITHSUNDEEP
htmlcssinternet-explorertestinginternet-explorer-7
Ben Aidley
Ben Aidley

Reputation: 347

IE7 button not styling properly, error in CSS styling?

Hello i'm testing my site in IE7 and where the orange link box sits for create account is not displaying properly, the bottom of the orange rectangle is cut off. Is there a CSS fix for this? If you have IE9 you can view this in F12 > compatibility mode set to IE7 and look at the orange buttons.

the rule styling the a element is here:

Ideally I need a CSS solution and the reason it is going wrong -

#home-content a {

  padding:6px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #DA7700;
  height:40px;
    font-family: Verdana, Arial;
 font-size: 14px;
}

Upvotes: 0

Views: 918

Answers (1)

cool
cool

Reputation: 3495

For left button: "create account": Add two more att:

display: block;
text-align: center;

Delete this one:

height:40px;

I think this should solve your problem. Same is for the right button (only padding without height, aligned center and displayed as block)

Upvotes: 6

Related Questions