CSS search box problem?

[kclimson]

Hey, I have a search box on my website www.macview.ca but I can't position it to be near the icons. Please help.
The search box code.

<form method="get" id="searchform"
action="<?php bloginfo('url'); ?>/">
<label class="hidden"
for="s"><?php _e(''); ?></label>
<div id="searchthingy">
<input type="text" value="<?php the_search_query(); ?>"
name="s" id="search" />
</div>
</form>


And the CSS
.
.



/* Search Bar
----------------------------------------------------------------------------------------------------*/
#header form
position: relative;
float: right;
top: 2.5px;
right: 270px;

header form p {
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 -1px 0 black;

}

header input {

background: url(../img/searchIcon.png) 98% 48% no-repeat, -webkit-gradient(
linear,
left top, left bottom,
from(#DAE2EA), to(#FFFFFF));
border: 1px solid #206577;
color: #000000;



-moz-box-shadow: inset 0 -4px 9px rgba(0,0,0,.4);
-webkit-box-shadow: inset 0 -4px 9px rgba(0,0,0,.4);
box-shadow: inset 0 -4px 9px rgba(0,0,0,.24);
}




}
Please help

 

[Darth.Titan]

That's not the CSS that's loading on your page. What I'm getting is:

header form {
    float: right;
    margin-top: 4px;
    padding-top: 4px;
    position: absolute;
    top: 1px;
}

If you'll just add
right: 356px;
to that block you should get what you want.

 

[kclimson]

that's not the css that's loading on your page. What i'm getting is:

header form {
    float: Right;
    margin-top: 4px;
    padding-top: 4px;
    position: Absolute;
    top: 1px;
}

if you'll just add
right: 356px;
to that block you should get what you want.

thanks :dd