My cat image on my website appears significantly lower than all the other images when viewed on Internet Explorer (v11). While it looks perfect in Chrome, I cannot figure out why this discrepancy exists. For the development of this website, I utilized predefined bootstrap css classes along with a few custom ones. Unfortunately, I am unsure as to why this specific image is positioned so differently in IE compared to other browsers.
Below is the snippet from my own css style sheet:
html,
body {
width: 100%;
height: 100%;
}
/* Rest of the CSS code */
/* End of CSS styles */
Here is my html:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Head content -->
</head>
<body>
<!-- Body content -->
</body>
</html>
Thank You