# End all browser incompatibilities w/ CSS Reset

**URL:** <https://forum.kirupa.com/t/end-all-browser-incompatibilities-w-css-reset/264683>\
**Category:** web dev\
**Created:** [June 28, 2008, 5:29pm UTC](https://forum.kirupa.com/t/end-all-browser-incompatibilities-w-css-reset/264683 "2008-06-28T17:29:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![NeoDreamer](https://avatars.discourse-cdn.com/v4/letter/n/ccd318/32.png) [@NeoDreamer](https://forum.kirupa.com/u/NeoDreamer)\
**Post date:** [June 28, 2008, 5:29pm UTC](https://forum.kirupa.com/t/end-all-browser-incompatibilities-w-css-reset/264683/1 "2008-06-28T17:29:55Z")

</div>

**[U][http://developer.yahoo.com/yui/reset/[/U]](http://developer.yahoo.com/yui/reset/%5B/U%5D)**

I stumpled upon something called CSS Reset, which will neutralize all browsers’ built-in CSS so all browsers render a page the same. I’m wondering if anyone has experience with this. Is it really the end-all-be-all to browser incompatibilities? My sites are all too far in development and hacked up for IE to try this. But if anyone had success with this, then I’ll try it on my next site.

This is the file:

```php

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

```

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [June 28, 2008, 5:48pm UTC](https://forum.kirupa.com/t/end-all-browser-incompatibilities-w-css-reset/264683/2 "2008-06-28T17:48:40Z")

</div>

I use a reset in all my css sites. It doesn’t exactly solve all your problems, but it helps a little bit for small browser differences. The big things you still have to hack…