I want to make a button like this:

```
 -----
|+++++|
|TEXTT|
|     |
 -----

```

How do I get the `++++` border? My current code:

```
.toolbar-top a.button, .toolbar-bottom a.button {
  display: inline-block;
  margin: 7px;
  padding: 0px 9px;
  height: 28px;
  line-height: 28px;

  /* LINE 8 */border: solid 1px #525356;
  -webkit-border-radius: 5px;

  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#BFC3CA), to(#848D9B));
  text-decoration: none;
  font-weight: bold;
  text-shadow: #72777D 0px -1px 0px;
}

```

I want a one-pixel border below the border from line eight.

Can anyone help me?

---

It's good if it's compatible with Webkit (iPad).  

Changing the HTML is no option (that's why I'm using CSS).  

Using images is no option either ;D