Take a look at this image and code snippet:
<!doctype html>
<html>
<head>
<style>
body {
border: 1px solid red;
padding: 20px;
overflow: scroll;
}
</style>
</head>
<body></body>
</html>
When the overflow: scroll property is applied, scroll bars are meant to appear inside the element. However, in this case, the <body> element doesn't cover the whole webpage. What could be causing this issue with the scroll bars?
Thank you