Do you have to use percentages?
I have a feeling an exact width in px might help.
Dan G. Switzer, II wrote:
This is slight off-topic, but I thought maybe someone on this list might
have seen the issue before.
I've got an input element that has some a large padding to include a
background image icon. Most of the time in FF2 the element renders properly,
however occasionally the input element renders it's 100% width so that the
padding is included in the width (making the element too large for the space
its in.)
This is seemingly random, but once it starts rendering it that way it tends
to render it that way for an indeterminable amount of time and then it will
eventually start rendering properly.
I suspect this is just a bug in FF2, but wanted to see if anyone's seen the
issue before and has a fix.
Here's what the pertinent code looks like:
#search_input {
background: #fff url(./images/1.5/icons/search_text_16_disabled.png)
no-repeat 4px 4px;
font-size: 10px;
padding: 5px 5px 5px 25px;
border: 1px solid #c3c3d5;
width: 100%;
color: #ccc;
}
#search_input.active {
background-image: url(./images/1.5/icons/search_text_16.png);
border: 1px solid #d07c57;
color: #4c4c4c;
}
<div>
<input type="text" name="search" id="search_input" value="" />
</div>
-Dan
