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]-->