Text box creates gap when floated left in IE7

Posted by Sixfoot Studio on Stack Overflow See other posts from Stack Overflow or by Sixfoot Studio
Published on 2010-05-30T19:53:31Z Indexed on 2010/05/31 1:32 UTC
Read the original article Hit count: 351

Filed under:
|
|
|
|

Hi,

I've got a left rounded corner box -> textbox -> right rounded corner box which all make up part of a search box. All's well in FF, Chrome, IE8 but not IE7.

I've checked it using the debug tool and and I have tried a number of options, none of which want to work at the moment, so I am hoping someone might know what this issue (bug) might be please?

Here's a snippet of my code:

<div class="roundBox4">
  <img src="../App_Themes/MyChoice2010/Images/reality-box-top.gif" width="228" height="8" /><img
                    src="../App_Themes/MyChoice2010/Images/reality-box-locate.gif" width="228" height="49" />
                <asp:ContentPlaceHolder ID="Box4Content" runat="server">
                </asp:ContentPlaceHolder>
                <div class="locateABroker">
                    <img src="../App_Themes/MyChoice2010/Images/locate-broker-left.gif" class="locateBrokerLeft"
                        height="19" width="3" /><asp:TextBox ID="TextBox1" CssClass="locateBrokerCenter"
                            runat="server"></asp:TextBox><img src="../App_Themes/MyChoice2010/Images/locate-broker-right.gif"
                                height="19" width="3" class="locateBrokerRight" />
                    <a href="" class="locateBrokerSubmit">Submit</a><img src="../App_Themes/MyChoice2010/Images/box-arrow.gif"
                        class="linkArrow" width="8" height="14" />
                </div>

© Stack Overflow or respective owner

Related posts about search

Related posts about box