CSS Platzierung verhält sich sonderbar

[HP-User]

wie lautet der css code?

so:

* {
  margin: 0;
  padding: 0;
  }

div.haupt_inhalt {
                  position: fixed;
                  float: none;
                  top: 110px;
                  left: 50%;
                  margin-left: -350px;
                  width: 700px;
                  height: 500px;
                  border-style: solid;
                  border-width: thin;
                  border-color: #ff8200;
                  background-color: #ffffff;
                  }

div.ecke_oben_links {
                     position fixed;
                     float: none;
                     top: 110px;
                     margin-left: -350px;
                     left: 50%;
                     height: 10px;
                     background-image: url(ecke_oben_links.jpg);
                     }

Wie gesagt, die kleine Ecke wiederholt sich. Das kann ich zwar jetzt mit "background-repeat: no-repeat;" verhindern, aber trotzdem läßt sich die Runde-Ecke nicht mit left, right, margin oder sonst wie manövrieren.

Gruß HP-User