Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7 @CHARSET "UTF-8"; *{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px; } #wrapper{ width: 960px; margin: auto; } #wrapper #header{ height: 50px; background-color: teal; padding: 10px; } #wrapper #header p{ font-size: 12px; } #wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A; } <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href = "stylesheets/testing_template.css" rel = "stylesheet" type = "text/css" /> <title>Basic Template</title> </head> <body> <div id = "wrapper"> <div id = "header"> <p>testing_template.css</p> </div> <hr/> <div id = "middle"> <div id = "menu"> <ul id = "menu_list"> <li> index </li> <li> register </li> <li> authorize </li> </ul> </div> <div id = "main"> </div> </div> <div id = "footer"> </div> </div> <!-- include JS --> </body> </html> Если кому нечем заняться - прошу просветить меня по этому поводу.