Проблемы с позиционированием CSS в Microsoft Edge ⇐ Html

[Anonymous]

Я ни в коем случае не веб-разработчик, я больше занимаюсь инфраструктурой. В любом случае, я построил сервер FreeBSD со стеком AMP на XServe G4 и хотел украсить общую целевую страницу, на которой было написано только «Это работает!» на простом белом экране к чему-то более интересному, когда я столкнулся с проблемой с CSS.

Вот страница — она работает точно так, как должна работать в Chrome, Opera, Safari как на Mac, так и на Win10 (я не проверял Safari на Win10)




В Microsoft Edge я получаю следующее:




Что мне нужно сделать в CSS, чтобы я мог правильно расположить этот элемент?

Код страницы приведен ниже




body {
background-image: url("splash.png");
background-repeat: no-repeat;
background-position: center;
background-color: #BEBEBE;
font-family: "Arial", "Verdana", "serif";
justify-content: center;
}

#container { display: block; position: relative;
width: 60%;
top: 60%;
font-weight: bold;
margin: auto;
}

#pretext { display: inline-block; color: #b80000; font-size: 3em;
}
#posttext { display: inline-block;
color: #FFFFFF; font-size: 3.5em;
font-weight: 1500; }

#logo {
height: 50px;
position: absolute;
bottom: 1%;
right: 1%;
padding-bottom: 5px;

}
#logo img { height: inherit; vertical-align: top; }

#svr-info { font-size: .75em;
color: #dae6f7;
width: auto;
position: absolute;
bottom: 0px;
right: 10px;
padding-top: 5px;

}

#phpinfo a { font-size: .75em;
text-decoration: none;
}

a:hover { font-size: 1.3em; }





Think
Correctly.







PHPINFO Page


`


Подробнее здесь: https://stackoverflow.com/questions/354 ... osoft-edge