Fehlerhafte Darstellungen im Edge

[einsiedler]

`<a class="anzume" href="#main-nav">zum Hauptmenü</a>

<nav id="main-nav" aria-label="main navigation">

 <button aria-controls="exp_MainMenu" aria-expanded="false"> </button>

		<ul id="exp_MainMenu" aria-labelledby="label_exp_MainMenu">

				<li>
						<a class="a-link" href="http://xxx.de/aktuell.html">Aktuelles</a>
						<button aria-controls="exp_SubMenu_1" aria-expanded="false"> </button>

						<div id="exp_SubMenu_1" aria-labelledby="label_exp_SubMenu_1" class=nav-group>
						   <a class="a-sublink" href="http://xxx.net/ausstellungen.html">aktuelle Ausstellungen</a>
							 <a class="a-sublink" href="http://xxx.net/ausstellungen.html">Blog</a>
						</div>
				</li>

					<li>
						<a class="a-link" href="http://xxx.de/arbeiten.html">Arbeiten</a>
						<button aria-controls="exp_SubMenu_2" aria-expanded="false"> </button>

						<div id="exp_SubMenu_2" aria-labelledby="label_exp_SubMenu_2" class=nav-group>
							 <a class="a-sublink" href="http://xxx/arbeit01.html">Drifters, 2012</a>
							 <a class="a-sublink" href="http://xxx/arbeit02.html">Waldfrieden, 2006</a>
							 <a class="a-sublink" href="http://xxx/arbeit03.html">Eremitage für Paris, 2006</a>
							 <a class="a-sublink" href="http://xxx/arbeit04.html">Der Bau, 2007</a>
						</div>
					</li>
  </ul>`

bisher hatte ich <button> ein icon, informeines .svg mitgegeben

Menno wie macht man das richtig und ist wenigstens das aria-gedöns nun richtig (für meinen Fall)?