diff --git a/files/templates/default.html b/files/templates/default.html
index eab9061d3..975b66b4a 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -1034,7 +1034,7 @@
 
  </head>
 
- <body id="{% if request.path != '/comments' %}{% block pagetype %}frontpage{% endblock %}{% endif %}" style="overflow-x: hidden; {% if v and v.background %} background:url(/assets/images/backgrounds/{{v.background}}.gif){% endif %} no-repeat center center fixed">
+ <body id="{% if request.path != '/comments' %}{% block pagetype %}frontpage{% endblock %}{% endif %}" style="overflow-x: hidden; {% if v and v.background %} background-size: cover; background:url(/assets/images/backgrounds/{{v.background}}){% endif %} no-repeat center center fixed">
 
 <a href="https://secure.transequality.org/site/Donation2?df_id=1480"><img src="/assets/images/{% if v %}banner.png{% else %}cached.jpg{% endif %}" width="100%"></a>
 
diff --git a/files/templates/settings.html b/files/templates/settings.html
index 16985e09a..ad05b2016 100644
--- a/files/templates/settings.html
+++ b/files/templates/settings.html
@@ -87,7 +87,7 @@
 	</script>
 </head>
 
-<body id="settings" style="overflow-x: hidden; {% if v and v.background %} background:url(/assets/images/backgrounds/{{v.background}}.gif){% endif %} no-repeat center center fixed">
+<body id="settings" style="overflow-x: hidden; {% if v and v.background %} background-size: cover; background:url(/assets/images/backgrounds/{{v.background}}){% endif %} no-repeat center center fixed">
 
 	{% include "header.html" %}
 	<!-- Page Content -->
diff --git a/files/templates/settings2.html b/files/templates/settings2.html
index 13aaf3cd9..edbd08838 100644
--- a/files/templates/settings2.html
+++ b/files/templates/settings2.html
@@ -57,7 +57,7 @@
 
 </head>
 
-<body id="settings-guild" style="overflow-x: hidden; {% if v and v.background %} background:url(/assets/images/backgrounds/{{v.background}}.gif){% endif %} no-repeat center center fixed">
+<body id="settings-guild" style="overflow-x: hidden; {% if v and v.background %} background-size: cover; background:url(/assets/images/backgrounds/{{v.background}}){% endif %} no-repeat center center fixed">
 
 	{% include "header.html" %}
 
diff --git a/files/templates/submit.html b/files/templates/submit.html
index 49dd1c0c6..2ffaac12a 100644
--- a/files/templates/submit.html
+++ b/files/templates/submit.html
@@ -286,7 +286,7 @@
 
 </head>
 
-<body id="submit" style="overflow-x: hidden; {% if v and v.background %} background:url(/assets/images/backgrounds/{{v.background}}.gif){% endif %} no-repeat center center fixed">
+<body id="submit" style="overflow-x: hidden; {% if v and v.background %} background-size: cover; background:url(/assets/images/backgrounds/{{v.background}}){% endif %} no-repeat center center fixed">
 
 		<!-- Navigation -->
 		{% include "header.html" %}
