In IE6 I've got a single pixel gap between button and the border, and I
can't figure out why it is there. It's for an internal app, so I can't
show you.
Teh relevant code, (I think):
CSS=======================
.button {
background:url(/SHF/resources/skins/koolBleu/images/buttonBackBlue.gif)
repeat-x left top;
border:none;
border-bottom:#6e7071 solid 1px;
border-right:#6e7071 solid 1px;
color:#fff;
font-size:medium;
font-weight:bold;
height:30px;
line-height:25px;
margin:0 .375em;
width:150px;
}
#footer {
background:#fff;
bottom:0;
direction:rtl;
display:block;
height:40px;
margin:0;
padding-top:5px;
position:absolute;
width:expression(document.body.clientWidth + 'px');
}
#footer p {
background:#fff;
height:30px;
margin:0;
padding:0;
position:relative;
text-align:center;
}
HTML==========================
<div id="footer">
<p>
<input type="submit" name="actionOverride:submitNext"
id="actionOverride:submitNext" class="button" value="< Next"
tabindex="2104" onfocus="this.className='buttonOver'"
onclick="showClock();" onblur="this.className='button'">
</p>
</div>
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
