Custumized search form

Hey, I've put my search theme form in my header, in FF it works prefect.

In IE it works also, but if I open a book page my search form jumps from the left to the right where my logo and title is.

This is my css

/*
this will expand the default garland bar, make it bigger so our form and message can fit in.
*/
#navigation {
float: right;
padding-top: 50px;
}

/*
by default, the default form adds some surrounding space, this cancels it
*/
#navigation div.form-item,
#navigation div.content {
margin: 0; padding: 0;
}

/*
this adds some space in top and bottom, so anything inside can look vertically
centered
*/
#user-bar {
float: right;
padding: 0pt;
padding-top: 45px;
margin: 0pt;
position: absolute;
}

/*
by default, fields labels tries to reserve a whole line for itself, this
cancels that and and sends it to the left.
it also adds some space on the right and left of the label to look easy on
the eye.
#user-bar label {
float: left;
margin-left: 10px;
margin-right: 2px;
}
*/
#search-theme-form div{
margin-right: 0;
padding-right: 0;
}
#search #edit-submit{
cursor: pointer;
}

/*
inputs too, they try to reserve a whole line for itself, this
cancels that and sends it to the left
*/
#user-bar input {
float: left;
position: absolute;
}

/*
the form submit button, it's so tight so we expand it a bit, and give it some
free space around.
*/
#user-bar input.form-submit {
margin-top: 0px;
margin-left: 109px;
padding: 0px;
position: absolute;
}

I've tried also with display: inline and then my search form stands at the top.

grtzz Nathalievp