I have an aside called #call_now which i have floated right with another area to left. The problem is #call_now was going to the bottom of the page so i applied css positioning to move #call_now to the top of the page. I was able to get #call_now to the top of the page however margin is different in each browser in other words in IE #call_now is further to the top than in Firefox or Chrome. Is there away to get this to work in all browsers without have to have separate style sheets for the various browsers?
<p class="callnow">Call Now!</p>
<p class="blue">let us call you</p>
Simply fill out the form<br>
below and one of our<br>
experts will cal you</p>
<img src="img/call_now.png" alt="Call Now! Or Let Us Call You">
Get rid of the negative top margin (bad coding) and remove the position: relative. Then put a 1px border on your #call_now div and also on the div you have floating on the left - you will probably find that they overlap and that is why you #call_now div is being pushed to the bottom of the page. If that is the case, remove the borders and reset the widths of both floated elements so that they can fit alongside each other.