как сохранить переход от img к anchor и div background от переформатирования вывода

Я переместил изображение из div в качестве фона div, так что, используя разные файлы CSS, я могу показать разные изображения. Проблема, с которой я сталкиваюсь, заключается в том, что просто добавляя якорь вокруг div, формат отбрасывается.

Вот что я имел:

<div class="logoWrap">
<a href="\">
  <img src="@Html.SvccCdnPreAppend("/Images/silicon-valley-code-camp.png")" class="border-None"></a>
 </div>

#header .logoInfoBar .logoWrap {
  padding: 6px 10px 0;
  text-align: center;
}

Вот что я пытался изменить. Если я не добавлю якорь, формат будет правильным. Я не понимаю, как добавление тега привязки может повлиять на форматирование.

 <a href="/"><div class="logoWrap"></div></a>

#header .logoInfoBar .logoWrap {
  background-image: url(/Images/silicon-valley-code-camp.png);
  width: 350px;
  height: 57px;
  background-repeat: no-repeat;*/
  padding: 6px 10px 0;
  text-align: center;
}