Need an opinion on why something terrible is happening!

Need an opinion on why something terrible is happening!
0.0 0

#1

CSS and or HTML related


In the image ive uploaded anywhere i set content to the body, it creates a margin-like pattern on all sides
with a darker shade of the color i use for background (its a little vague but you can notice it). im frustrated about this happening. and asking for any relevant information!! currently i was building that html on my system, ubuntu and serving through node to test the outcome.
EDIT: i only get this weird display on googleChrome. just tried Firefox and everything works as expected


#2
border: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

Should do it


#3

I tried these on both the parent element {body} and the one thats creating all my problems.
Toying around with the developers tool i came about a

backface-visibility

property, that when set to hidden
solved it!! Thanx for your time anyway!!!