[css-d] Inline Form align problem

[Rafael Faria]

Hi list.

I'm having a problem with IE6/IE7.

I have a login form, in inline mode.
In Firefox is working OK.
But in IE 7, and IE 6, it's not.

The fields need to be side by side, in one line.
But in IE, they get one field each line.

Firefox: http://papillon.cenadigital.com/site/firefox.jpg

IE: http://papillon.cenadigital.com/site/ie.jpg

In IE 7 I have an other problem in the same form, the background image
is not fixed.
If it put "fixed" in background CSS, the background do not work.

I have tried everything... position: relative, absolute, fixed,
display: inline, block, in a lot of css, but nothing. In IE I only got
the wrapped form.

Someone know how can I fix it? Or an other sollution? Maybe only tables.

HTML code:
<div id="userbox">
    <div class="login">
        <form>
            <fieldset>
                <legend>Login VipDigital:</legend>
                <label for="username">Usuário:</label>
                <input type="text" name="username" class="user" />
                <label for="password">Senha:</label>
                <input type="password" name="password" class="pass" />
                <input name="submit" type="submit" value="entrar"
class="submit" />
            </fieldset>
        </form>
    </div>
</div>

CSS Code:
#userbox {
    position: relative;
    float: right;
    width: 487px;
    height: 28px;
    background: url("userbox_bg.gif") repeat-x top left;
}

#userbox .login {
    position: relative;
    padding-left: 90px;
    float: left;
    width: 83px;
    height: 28px;
    background: url("vipdigital.jpg") no-repeat top left;
}

#userbox fieldset {
    position: relative;
    display: inline;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#userbox legend {
    display: none;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#userbox label {
    display: none;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#userbox .user {
    margin-top: 6px;
    font-size: 70%;
    width: 71px;
    height: 12px;
    border-style: none;
    padding-left: 50px;
    padding-top: 1px;
    padding-down: 1px;
    padding-right: 3px;
    border: none;
    background: transparent url("login_userbox.gif") no-repeat;
    _background: transparent url("login_userbox.gif") no-repeat fixed;
}

#userbox .pass {
    margin-top: 6px;
    margin-left: 6px;
    font-size: 70%;
    width: 71px;
    height: 12px;
    border-style: none;
    padding-left: 50px;
    padding-top: 1px;
    padding-down: 1px;
    padding-right: 3px;
    border: none;
    background: transparent url("login_userbox.gif") no-repeat;
    _background: transparent url("login_userbox.gif") no-repeat fixed;
}


-- 
Rafael Henrique da Silva Faria
# Grupo Cena Digital
# (16) 9229-8928
# www.cenadigital.com.br
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/