diff --git a/sites/scrapy.org/static/style/style.css b/sites/scrapy.org/static/style/style.css
index fc334cf97..50cab8cf5 100644
--- a/sites/scrapy.org/static/style/style.css
+++ b/sites/scrapy.org/static/style/style.css
@@ -39,6 +39,10 @@ ul#navigation li.last { border-right:none; }
 ul#navigation li a { text-decoration:none; border-bottom:1px solid #ffca9b;  color:#e57919;}
 ul#navigation li a:hover { color:#c35012; border-bottom:1px solid #ef994c} 
 
+.breadcrumb a {
+  border-bottom: none;
+}
+
 .box { margin-bottom:15px;  background:url('../images/box-borders-bottom.gif') no-repeat left bottom #4d271c; padding-bottom:5px; }
 .box.download {background-color:#5b1111; }
 .box.download p { color:#d18c59;  }
diff --git a/sites/scrapy.org/templates/docs/doc.html b/sites/scrapy.org/templates/docs/doc.html
index 70aa38630..891fb2869 100644
--- a/sites/scrapy.org/templates/docs/doc.html
+++ b/sites/scrapy.org/templates/docs/doc.html
@@ -3,6 +3,13 @@
 {% block title %}{{ doc.title|safe }}{% endblock %}
 
 {% block main-content %}
+{% if doc.parents %}
+<div class="breadcrumb">
+{% for p in doc.parents %}
+<a href="{{ p.link }}">{{ p.title|safe }}</a> &raquo;
+{% endfor %}
+</div>
+{% endif %}
 {{ doc.body|safe }}
 {% endblock %}
 
@@ -13,16 +20,6 @@
 {{ doc.toc|safe }}
 {% endif %}
 
-{% if doc.parents %}
-{% for p in doc.parents %}
-<ul><li><a href="{{ p.link }}">{{ p.title|safe }}</a>
-{% endfor %}
-<ul><li>{{ doc.title|safe }}</li></ul>
-{% for p in doc.parents %}</li></ul>{% endfor %}
-</li>
-</ul>
-{% endif %}
-
 <h3>Browse</h3>
 <ul>
   {% if doc.prev %}