html - divの左側に画像を追加する方法

Question

div の左側 (垂直方向の中央) に画像を表示したい。これはどのように行われますか？

これは私が持っているコードです。(画像は各コーナーで非常に小さく表示されます。背景 url(../images/error24x24.png) no repeat を試しましたが、それも正しく機能しませんでした。(画像は読み込まれましたが、ファンキーに見えました)

.formValidation {
    background-color:rgb(71,89,32);
    color:white;
    font-weight:bold;
    padding:10px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-border-image: url(../images/error24x24.png);
    border-image: url(../images/error24x24.png);
}

    <div class="formValidation">
        Please enter a category.
    </div>

編集:私の最終的なCSS:

.formValidation {
    background-color:rgb(52,31,36);
    color:white;
    font-weight:bold;
    padding:10px 10px 10px 35px;
    -moz-border-radius:15px;
    border-radius:15px;
    margin-bottom:10px;
    background-image: url(../images/error24x24.png);
    background-position:8px center;
    background-repeat:no-repeat;
}