diff --git a/components/navigation.less b/components/navigation.less
index 988b379..4a852bc 100644
--- a/components/navigation.less
+++ b/components/navigation.less
@@ -92,8 +92,10 @@
 		.body {
 			margin-left: @margin-left-nav-main-body;
 			padding-top: 0;
-			background-image: url( images/portal-break.png );
+			background-image: url( images/portal-separator.png ); // Support: IE 8 & 9, Fx 3.6-15, Safari 5.1-6, Chrome 10-25
+			background-image: linear-gradient( to right, transparent 0, #c8ccd1 35%, #c8ccd1 70%, transparent 100% ); // Standard (Firefox 16+, IE 10+, Safari 6.1+, Chrome 26+)
 			background-repeat: no-repeat;
+			background-size: 100% @border-width-base;
 
 			ul {
 				list-style: none none;
diff --git a/images/portal-break-ltr.png b/images/portal-break-ltr.png
deleted file mode 100644
index 7122a07..0000000
Binary files a/images/portal-break-ltr.png and /dev/null differ
diff --git a/images/portal-break-rtl.png b/images/portal-break-rtl.png
deleted file mode 100644
index fca6489..0000000
Binary files a/images/portal-break-rtl.png and /dev/null differ
diff --git a/images/portal-break.png b/images/portal-break.png
deleted file mode 100644
index 90c3918..0000000
Binary files a/images/portal-break.png and /dev/null differ
diff --git a/images/portal-separator.png b/images/portal-separator.png
new file mode 100644
index 0000000..942674b
Binary files /dev/null and b/images/portal-separator.png differ