Menu
Hi
I have a layer which contains a textbox and button. i have positioned them on top of an image on my page.
It works perfectly for IE and Firefox however if i change the screen dimensions it is completely out of line. I have tried making the position relative and absolute but neither work
Im hoping there is a way around this without detecting browser settings with Javascript.
Any help would be much appreciated.
Thanks
[CODE] <div id=”nav”>
<img src=”images/navigation.png” alt=”” align=”top” />
<div id=”search”>
<form id=”txtSearch” method=”post” action=””><input name=”textfield” type=”text” id=”textfield” value=”” size=”14″ />
<img src=”images/search.png” align=”texttop” >
</form>
</div>
[CODE]#nav {
width: 715px;
height: 145px;
margin: 0px auto 0;
}
#search {
position:absolute;
left:770px;
top:115px;
z-index:2;
width: 255px;
height: 30px;
}