Use :before and :after instead of a hr at end/start of the container

Also use box-sizing border box for the content to align with the menu.

1 files changed, 12 insertions, 4 deletions

diff --git a/style/style.css b/style/style.css
index 79fb98e..62eb969 100644
--- a/style/style.css
+++ b/style/style.css
@@ -197,11 +197,19 @@ ul#navi {
 	color: white;
 }
 
-#container > hr {
+#container {
+	box-sizing: border-box;
+}
+
+#container:before,
+#container:after {
+	/* background: #BBB082; */
+	background: #d2c592;
+	content: '';
+
+	display: block;
+	width: 100%;
 	height: 20px;
-	background: #BBB082;
-	color: #FFFFFF;
-	border: none;
 
 	/* Used to clear the infobar float */
 	clear: both;