Hello,

I need to fix the right panel on this. In FF and Safari, I can't figure out what's going on. Check it out.

http://www.carterdea.com/clients/painlimited/

thanks a ton.

#right_panel{
    width:200px;
    float:right;
    margin:10px 40px 0 0;
    padding-left:25px;
    border-left:1px dashed #ccc;
}

#forgot{
    position:relative;
    left:200px;
}

<p><a href="password.php" id="forgot">forgot my password</a></p>

.submit{
    position:relative;
    left:200px;
    width:230px;
    height:20px;
    cursor:pointer;
    font-weight:bold;
    padding-bottom:2px;
}

<p><input type="submit" value="Login &raquo;" class="submit" /></p>

Right panel width is 200px, yet you put stuff with a width of 230px inside that, with a left margin of 200px, for a total of 530px?

There's nothing wrong with your float at all. Your problem is the position: relative on .forgot and .submit. Remove that and they will pop back into the right panel box where you want them.

Why did you set them to position: relative anyway ?

Thanks a ton.

I put the relative positioning in order to make them even with the rest of the form inputs.



carterdea