Поле HTML документа и стили

вот такая штука

<HTML>
<HEAD>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<style>

var {
  background-color: #DDDDDD;
  border: 2px solid #880000;
  display: inline;
}

list {
  display: block;
  border: 2px solid #880000;
}

list > var {
  border: 1px solid #880000;
  display: block;
}

repeat {
  display: block;
  background-color: #EEEEEE;
  border: 1px solid #CC0000;
}

</style>
</HEAD>
<BODY>
<div>test</div>
<var>test1</var>
<list>
    <var>test2</var>
    test3
    <repeat>test4</repeat>
</list>
</BODY></HTML>

в браузере кажет нормально, а в поле html документа не хочет (границы).
Есть способ заставить работать?

1c: http://snag.gy/ZiYXE.jpg
Браузер: http://snag.gy/Ju7TR.jpg