IE 5.2 css button problem

css buttons

[Eternal Student]

Hi there,

Well I have designed two css buttons that start a JavaScript function which changes an image on the html page and a html file in an I/Frame. Here is the code for the css buttons:

#elButton a {
color: white;
font-size:10px;
font-family:verdana;
font-weight:bold;
text-align:center;
text-decoration: none;
border:3px outset #99ccff;
background-color: #3399ff;
display: block;
margin: 1px;
width: auto;
height: 2.5 em;
padding: 3px 5px 0;
}

#elButton a:hover {
background-color: #D43D2A;
color:#ffffff;
padding-left:5px;
border:3px inset #ffffff;
}

I have tested this in Mozilla 0.9, Netscape7, IE6 and Opera 7.3 and the buttons look fine.
But however in mac 0s9 ie5.2 the buttons only half load making it impossible to click them is there any reason for this?

Thanks guys

here is the html ::

<div id="elButton">
<div><A href="#" onclick="img(1);return false;">Next</a></div>
<div><A href="#" onclick="img(-1);return false;">Prev</a></div>

</div>

[Eternal Student]

anyone have an inkling or a clue?

[DrDoc]

Welcome to Webmaster World! When you say "half loading", what exactly do you mean?

[DrDoc]

I don't know if this is causing the problem, but you have a space between the height value and unit: height: 2.5 em;

That should be: height: 2.5em;

Also, you can probably remove the width: auto;

[edited by: DrDoc at 4:39 pm (utc) on Jan. 9, 2004]

[grahamstewart]

What do you mean they 'only half load'?

Do you mean that they are squashed vertically? Or clipped?

My guess is that its probably caused by the IE 5 box model getting the height of the button wrong.
Work out the correct height using the broken box model and then add it in using IE conditional comments.

[DrDoc]

broken box model

It was never broken on IE/Mac... :)

[grahamstewart]

oh yeah.. fair point.
I don't use Macs - I tried but I didn't suit the ponytail :)

[Eternal Student]

Yes the buttons were clipped .. so u couldn't even click on them? Weird I dont use mac either but my brother does and noticed this very important error.

[DrDoc]

Clipped how? Do the fixes I suggested above help at all?