html - CSS Margin is showing on different places between browsers -


i have simple object display @ location of page.

code:

.downloadbtn {     height:35px;      width:150px;      background:#09f;      display:block;      position:absolute;      margin:280px 60px; }  <a href="/products.html" class="downloadbtn">download now</a> 

this displays download button @ perfect location on firefox. however, on google chrome, slides more on left side. on ie, slides more on left side.

so basically, it's kind of this:

firefox: --------downloadnow--------

chrome: ----downloadnow-----------

ie: --downloadnow-------------------

is there way can have @ sec location browsers? help!

you can load ie specific stylesheets using

<!--[if ie]> <link rel="stylesheet"href="ie.css" /> <![endif]--> 

Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo