diff --git a/CHANGELOG.md b/CHANGELOG.md
index bcce5b882..72954f55b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -26,6 +26,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Type selectors can now contain numbers https://github.com/Textualize/textual/issues/1253
 - Fixed visibility not affecting children https://github.com/Textualize/textual/issues/1313
 - Fixed issue with auto width/height and relative children https://github.com/Textualize/textual/issues/1319
+- Fixed issue with offset applied to containers https://github.com/Textualize/textual/issues/1256
 
 ## [0.5.0] - 2022-11-20
 
diff --git a/docs/examples/guide/layout/combining_layouts.css b/docs/examples/guide/layout/combining_layouts.css
index 0681bb2fb..5c33bea7b 100644
--- a/docs/examples/guide/layout/combining_layouts.css
+++ b/docs/examples/guide/layout/combining_layouts.css
@@ -5,7 +5,7 @@
     grid-rows: 1fr;
 }
 
-#left-pane > Static {
+#left-pane > Static {    
     background: $boost;
     color: auto;
     margin-bottom: 1;
@@ -13,12 +13,14 @@
 }
 
 #left-pane {
+    height: 100%;
     row-span: 2;
     background: $panel;
     border: dodgerblue;
 }
 
 #top-right {
+    height: 100%;
     background: $panel;
     border: mediumvioletred;
 }
@@ -31,6 +33,7 @@
 }
 
 #bottom-right {
+    height: 100%;
     layout: grid;
     grid-size: 3;
     grid-columns: 1fr;
diff --git a/examples/calculator.css b/examples/calculator.css
index 3a65ed1c0..9b3f6ea98 100644
--- a/examples/calculator.css
+++ b/examples/calculator.css
@@ -11,6 +11,7 @@ Screen {
     margin: 1 2;
     min-height: 25;
     min-width: 26;
+    height: 100%;
 }
 
 Button {