Clipping on header too low about lcars HOT 2 OPEN

diff --git a/lcars/css/lcars.css b/lcars/css/lcars.css
index 0ca6f24..f07b189 100644
--- a/lcars/css/lcars.css
+++ b/lcars/css/lcars.css
@@ -347,7 +347,7 @@ h6 {
   margin-bottom: 0.25rem;
   z-index: 1;
 }
-.lcars-app-container #blackdrop {
+.lcars-app-container #header>#blackdrop {
   position:absolute;
   clear:both;
   left:0;top:0;
@@ -356,13 +356,20 @@ h6 {
 }
 .lcars-app-container #footer {
   position: fixed;
-  background-color: #000;
+  background-color: #0000;
   bottom: 0;
   left: 0.5rem;
   padding-bottom: 0.5rem;
   width: calc(100% - 1rem);
   z-index: 1;
 }
+.lcars-app-container #footer>#blackdrop {
+  position:absolute;
+  clear:both;
+  left:0;bottom:0;
+  height:2.5rem; width:100%;
+  background-color:#000;
+}
 .lcars-app-container #container {
   margin-top: 0.25rem;
   margin-left: 0.25rem;
diff --git a/lcars/index.html b/lcars/index.html
index d8ead7f..a5d8125 100644
--- a/lcars/index.html
+++ b/lcars/index.html
@@ -50,6 +50,8 @@
                <!-- FOOTER ==================================================== -->

                <div id="footer" class="lcars-row ">
+                       <!-- BLACKDROP -->
+                       <div id="blackdrop"></div>
                        <!-- ELBOW -->
                        <div class="lcars-elbow left-top lcars-tan-bg"></div>
                        <!-- BAR -->