Question

I have got this rule for a div:

#dividerTabs {
    height: 5px;
    background-color: #FFB4A1;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    -moz-border-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -moz-border-top-right-radius: 15px;
    width: 100%;
    position: absolute;
    z-index: 9999;
    bottom: -40px;
}

Html:

 <div id="dividerTabs"></div> 

Other rules that apply to the div, when looking at chrome debugger is:

* {
    margin: 0px;
    padding: 0px;
}

The problems is that the div is 2px down, and about 60px to the right, from where it should be in chrome.

Why is this, and how do I correct this?

Answer 1

Use Normalize CSS it will help rendering HTML pages properly in all major browsers

OR

HTML5 Boilerplate the default template. This is solid!