# 0.6.3 and 0.6.4 IE6 CSS fixes

**URL:** <https://www.ruby-forum.com/t/0-6-3-and-0-6-4-ie6-css-fixes/120133>\
**Category:** Radiant CMS\
**Created:** [November 14, 2007, 1:24am UTC](https://www.ruby-forum.com/t/0-6-3-and-0-6-4-ie6-css-fixes/120133 "2007-11-14T01:24:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dpitman](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/d/a9adbd/32.png) [@dpitman](https://www.ruby-forum.com/u/dpitman)\
**Post date:** [November 14, 2007, 1:24am UTC](https://www.ruby-forum.com/t/0-6-3-and-0-6-4-ie6-css-fixes/120133/1 "2007-11-14T01:24:47Z")

</div>

The following two CSS fixes were tested in Firefox 2 on Mac and IE6/7 on  
Windows.

* * *

Image links have an ugly 2px blue/purple border around them. This is  
caused by IE6 failing to continue parsing the img, input[type=‘image’]  
CSS block because it doesn’t understand the second half.

In /public/stylesheets/admin/main.css …

img, input[type=‘image’] {  
border: 0;  
vertical-align: middle;  
}

… changes to …

img {  
border: 0;  
vertical-align: middle;  
}  
input[type=‘image’] {  
border: 0;  
vertical-align: middle;  
}

… because it doesn’t matter that IE6 fails on the second block.

* * *

The Reorder Pages screen layout is broken in IE6. To fix this, replace  
the CSS at the top of the following file:

In /vendor/extensions/reorder/app/views/admin/page/reorder.rhtml …

\<% content\_for :page\_css do %\>  
.page {  
font-size: 120%;  
font-weight: bold;  
position: relative;  
padding: 5px; /\* WAS padding: 10px; _/  
padding-left: 30px;  
border-top: 1px solid #eaeaea;  
}  
.page .icon {  
position: relative; /_ WAS position: absolute; _/  
margin-top: 0px; /_ WAS margin-top: -7px; _/  
left: 0px;  
}  
ul.pages,  
ul.pages li {  
list-style: none;  
margin: 0;  
padding: 0  
}  
ul.pages {  
border-bottom: 1px solid #eaeaea;  
}  
ul.pages li {  
font-size: 105%;  
font-weight: normal;  
padding: 5px; /_ WAS padding: 10px; _/  
padding-left: 52px;  
cursor: move; /_ NEW _/  
}  
ul.page .icon,  
ul.pages .icon {  
position: relative; /_ WAS position: absolute; _/  
margin-top: 0px; /_ WAS margin-top: -7px; _/  
left: 0px; /_ WAS left: 22px; \*/  
}  
\<% end %\>