Hi,

I've added a search form to my header element, floated it to the right
and used padding to push it into position. This seems to work fine in
Safari and Firefox (both Win and OSX).

IE win, is the problem... again :-(

The search form seems to be hidden behind the tabbed navigation in IE6.

I'm perplexed, confused, frustrated :-( Any ideas ?

Here is the live page:
http://www.itu.dk/people/antl/Webdesign_06/vestervold148/Final_in_progress/Almost_final_code%203%20no_js/beboerhaanbog.html

And here is a code snippet:

#header
{
        margin: 0;
        height: 100px !important;
        
        border-bottom: 3px solid #459B03;
}

#header form { # The search form
    float: right;
    width: 10.5em;
    /*  margin-bottom has no effect in Safari or Firefox (Win and OSX)
        in IE : if NOT used causes tabbed nav to be pushed down
                if used, the search form is hidden behind tabbed nav in IE*/
    margin-bottom: -100px;
    text-align:right;
    padding: 110px 0px 55px 600px;

}
#header input {
    font-size:.8em;
}

Thanks in advance,
Tony
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to