# CSS being strange. ie vs ff

**URL:** <https://forum.kirupa.com/t/css-being-strange-ie-vs-ff/77018>\
**Category:** web dev\
**Created:** [January 23, 2005, 9:24pm UTC](https://forum.kirupa.com/t/css-being-strange-ie-vs-ff/77018 "2005-01-23T21:24:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![morse](https://avatars.discourse-cdn.com/v4/letter/m/bbce88/32.png) [@morse](https://forum.kirupa.com/u/morse)\
**Post date:** [January 23, 2005, 9:24pm UTC](https://forum.kirupa.com/t/css-being-strange-ie-vs-ff/77018/1 "2005-01-23T21:24:12Z")

</div>

Working on this:  
[http://www.morsedesigns.com/bht](http://www.morsedesigns.com/bht)  
CSS here:  
[http://www.morsedesigns.com/bht/settings.css](http://www.morsedesigns.com/bht/settings.css)

Naturally, the CSS is valid ([http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.morsedesigns.com%2Fbht&usermedium=all](http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.morsedesigns.com%2Fbht&usermedium=all)). However, here is the problem. When the site is viewed in Internet Explorer, everything looks fine, but when it is viewed in FireFox there is an issue. The blue section with the text - in IE, it’s aligned on the left just fine, and the top border works great. But in FF, it is aligned a pixel too far left, and the blue box goes under the header, so you can’t see the top border.

:look: Why?!?

[edit] When previewing in IE straight out of Dreamweaver, the left align looks fine. However, when viewed online with IE, it looks a pixel off. Hence, I can fix this problem, but not the top border one. Any ideas?