Question

I’ve noticed in both current versions of Safari and Chrome that when I create elements side by side, rounding up to a whole 100% number, I get an adjusting small pixel border (since I’m not using a white background for the elements/divs) that resizes. I feel like I’m simply missing a position attribute, but I can’t find any resources on el Google to help me out.

A fiddle to illustrate my problem (OS X Safari & Chrome tested)

http://jsfiddle.net/shawnstrickland/HXyZ7/

Answer 1

You can use overflow:hidden;. write like this:

nav {
    float: left;
    width: 25%;
    background-color: blue;
}
article {
    overflow:hidden;
    background-color: red;   
}

​

Check this http://jsfiddle.net/HXyZ7/7/