ie

Recently I was working on a website that had a conditional statement which hid the full height of a div on the inside pages. Something like this: .menu-top-container{float: left; width: 980px;}     .page .menu-top-container{height: 320px; overflow: hidden;} A seemingly benign statement that you wouldn't anticipate to give you  much trouble height, width and overflow all declared; However this is the internet and we do get to deal with Internet Explorer. It would seem that there is a well...

Super speedy quick tip of the day is something that I do on every website I work with and that is styling that ugly HR tag to something that is clean and much prettier than the browser defaults. Down and dirty here is the code: hr { border: 0; color: #E3E3E3; background-color: #E3E3E3; height: 1px; width: 100%; text-align: left; } This is cross browser and yes you need all the definitions. One is to reset IE and the other is for the rest of the browsers (Firefox, Chrome, Opera,...