Question

I am trying to display a form in IE, but for some reason, the layout is broken as you can see from the picture. I have tried various fixes inc, clears, display:block options, but still the layout breaks. If this was in FF, I could use firebug to trace where it is breaking but IE has no such debug tool, hence the post. I would be grateful if someone could show me my error. Thanks

.adduserform label
        {

        display:block;
        width:130px;
        float:left;
        font-weight:normal;
        font-size:12px;
        padding: 4px 0 0 40px;
        z-index:1000;
        clear:both;
        line-height: 20px;

        }

.adduserform select
        {

        width: 130px;
        float:left
        font-family:Calibri, Arial, Helvetica, sans-serif;
        font-size:12px;
        outline:none;
        margin-top: 5px;
        clear:both;
        }

        <div id="coname">
        <div id="AUSR_address"></div>
                <dl>
                <dt>
                    <label for="AUSR_name" class="opt">Full Name:</label>
                </dt>
                <dd>
                    <input id="AUSR_name" name="AUSR_name" type="text" size="32" maxlength="128" value = "" />
                </dd>
              </dl>
              </div>

+++SOLUTION+++

div#coname {

    clear:both;
}

Answer 1

IE has developer toolbar. If you press F12 it should bring it up and should help you find your issue. You can also use it to view your pages in different IE version modes.