Hello everyone! I am new here and a student of webdevelopement, and on my last project i need some help to fix some small “bugs problem”.
This is the website for my project:[url]http://bhsphp.utb.hb.se/~S083805/Website3/index3.php
So i am having a search field/button as you see on the right top there.
It looks fine in IE8 and in Mozilla Firefox but in older versions, like IE7 the search field along with the button moves some inches outside the div container to the right and slightly about “1 inch” downwards. If someone has the option to see this you will notice what i mean ?.
I was told it something in the css that needs some changes, with position or float i think, but as i am not sitting on a computer with older IE version i cannot see if i have fixed the problem, and i am not sure of course if i have fixed it here on my own PC.
this is the css for the search field and button:
#top_links {
position:relative;
font-family:Franklin Gothic Heavy, Arial;
left:57px;
top:162px;
float:left;
font-weight: normal;
font-size:0.875em;
color: #2B2B2B;
}
#search {
position:relative;
float:right;
right:-64px;
top:0px;
}
The #search is the div including the search form, and #top_links is the menu links to the left of the search field.
So how do i change this into being on the same spot on all IE versions?
Thank you for any help!