black border around input submit button in IE

[deronsizemore]

This may not even be something I can fix with CSS, but here goes.

http://www.randomjabber.com/lbyl/

The search input button, in IE it's fine when the page loads. But, for me, if I click anywhere inside of the page a 1px black border shows up around the button and I can't figure out why or what I need to do to fix it.

Are you seeing the same?

Thanks

[markbrown4]

if I click anywhere inside of the page a 1px black border shows up around the button and I can't figure out why or what I need to do to fix it.

It only shows for me when I click on the button,
I'm not sure, but you could try setting the outline property to fix it.

[deronsizemore]

Nope, didn't work. I've Googled all the keywords that I can think of and no luck. I guess it's not a big deal, I've just never seen it before.

[Paul O'B]

It's because you haven't enclosed the inputs in a form element and therefore the whole page seems to getting the focus. Add a form element around the inputs and see what happens.

            <div id="search">
                <form id="form1" name="form1" method="post" action="">
                    <input type="text" name="keywords" class="textbox" />
                    <input type="submit" name="go" value="Search" class="go" />
                </form>
            </div>

[deronsizemore]

It's because you haven't enclosed the inputs in a form element and therefore the whole page seems to getting the focus. Add a form element around the inputs and see what happens.

            <div id="search">
                <form id="form1" name="form1" method="post" action="">
                    <input type="text" name="keywords" class="textbox" />
                    <input type="submit" name="go" value="Search" class="go" />
                </form>
            </div>

Ah gosh. Stupid me. Something so easy. I just slapped some quick code in there for testing and didn't think about it.

Thanks again Paul.