Wyswietlanie strony w IE oraz pomoc przy ustawieniu glyphs

Witam,
pracuje nad swoją pierwszą stroną (portfolio) i mam problem z wyswietlaniem jej w przeglądarce IE.
gdy włączę index.html za pomocą IE to strona nie wyswietla sie prawidłowo i wyskakuje okienko "Program IE ograniczył ..... formantów activex"

dopiero gdy zaakceptuje skrypty activex to strona wyswietla sie tak jak powinna (tak jak w chrome, mozilla firefox)

zalezy mi na tym aby moje portfolio wyswietlało sie prawidłowo w IE poniewaz duzo osob jeszcze korzysta z tej przeglądarki
a jak zobaczą jakies okienko o niebezpiecznych skryptach, ktore mogą uszkodzic/zainfekować komputer to większosc po prostu opusci stronę (nie wszyscy sie znają dobrze na komputerach i jak zobaczą taki komunikat to spanikują i szybko wyłączą moją witrynę)

drugi problem to ustawienie za pomocą css ikonek (glyphsicon) tak, aby były wycentrowane względem tekstu
mam tak:

i chce to ladnie wysrodkowac w pionie (tekst względem ikonek lub ikonki względem tekstu, whatever)
bardzo proszę o pomoc
dziekuje z góry wszystkim

Po wrzuceniu na serwer nie będzie pytania o uruchomienie skryptu tylko zostanie załadowany. A wyrównanie to bym pewnie dostosował marginesami dla ikonek/tekstu.

bez kodu ciężko powiedzieć, co masz poprawić.

a pytanie o ActiveX - tak jak @Markness mówi - na 99% w Twoim przypadku spowodowane jest to użyciem pseudoprotokołu file:// - gdybyś lokalnie zainstalował serwer www typu Apache to by też tego nie było lokalnie.

Witam,

dziękuję za zainteresowanie i wskazówki.
odnosnie problemu IE to faktycznie jak wrzuce na serwer to wtedy sprawdzę, ale zapewne macie słusznośc w tej sprawie
i bedzie sie poprawnie wyswietlać :)

odnosnie glyphsicon to wklejam fragment kodu:

                    <div class="contact-info">
                        <h3 class="main-heading"><span>Kontakt</span></h3>
                    	<ul>
                            <li><i>&#x28;</i>[email protected]</li>
							<li><i>&#x5f;</i>725269032</li>
                        </ul>
                    </div>

CSS (uzupelniłem padding-right oraz vertical-align):

	.contact-info ul li  i {
		font-size: 22px;
		font-family: 'icomoon';
		padding-right: 5px;
		vertical-align: middle;

	}

i wygląda to tak (jak widac nie jest to jeszcze idealnie wyrównane no i jeszcze słuchawkę coś ucięło :)):

uzyj display: table

http://jsbin.com/tuqelemoxa/1/edit?html,css,output

udało mi się wysrodkowac.

podaje kod css poniewaz chce sie dowiedziec czy on jest poprawny skladniowo i czy moze tak byc (ale skoro sie poprawnie wyswietla na ie, mozilla oraz chrome to chyba jest ok)

	.contact-info ul li {
		font-size: 13px;
		line-height: 28px;
		color: #666;
		overflow: hidden;
		padding-bottom: 6px;
	}
	.contact-info ul li  i {
		float: left;
		font-size: 28px;
		font-family: 'icomoon';
		padding-right: 6px;
		vertical-align: middle;
		display: table;
		margin-top: -2px;
	}

a wygląda to tak:

.contact-info ul li i {

Dlaczego "ul li i" - używasz do pochylenia ?