Site differences in FireFox from IE 7

Question

I am developing a new site for a research doctor for breast
cancer. I have a template and I am using css. The site so for
renders find and look right in IE7 but if you see the larger bar at
botton in green and the spacing on the left sife at bottom. I also
seem to get a dotted dash around adn under all my links in FireFox
that I do not get in IE7.
Any ideas? I am also attaching my css file.
http://www.allsourcecomputing.com/askbreastdr
http://www.allsourcecomputing.com/askbreastdr

Answer 1

The dotted outline is an accessability thing. By removing it,
you have
removed a visual cue for those who need to use the Tab key
instead of a
mouse. However, you can remove it with -
outline:none;
added to your pseudo-class rules for the :hover and :active
states.
Pages that render 'correctly' in IE and incorrectly in FF
*always* contain
errors. Yours is no exception -
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.allsourcecomputing.com%2Faskb reastdr%2F
Fix those.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"allsource" <[email protected]> wrote in
message
news:[email protected]...
>I am developing a new site for a research doctor for
breast cancer. I have
>a
> template and I am using css. The site so for renders
find and look right
> in
> IE7 but if you see the larger bar at botton in green and
the spacing on
> the
> left sife at bottom. I also seem to get a dotted dash
around adn under
> all my
> links in FireFox that I do not get in IE7.
>
> Any ideas? I am also attaching my css file.
>
>
http://www.allsourcecomputing.com/askbreastdr
>
http://www.allsourcecomputing.com/askbreastdr
src="/webforums/forum/images/i/expressions/face-icon-small-confused.gif"
border="0">
>
> /* Global Styles */
>
> body {
> margin:0px;
> }
>
> td {
> font:11px Arial, Helvetica, sans-serif;
> color:#666666;
> }
>
> a {
> color: #003300;
> text-decoration: none;
> }
>
> a:hover {
> color: #003300;
> text-decoration: underline;
> }
>
> /* ID Styles */
>
> #navigation td {
> border-bottom: 1px solid #F4FFE4;
> border-top: 1px solid #F4FFE4;
> }
>
> #navigation a {
> font: bold 11px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> line-height:16px;
> letter-spacing:0.1em;
> text-decoration: none;
> display:block;
> padding:8px 6px 10px 20px;
> }
>
> #navigation a:hover {
> background: #BD53AF;
> color:#FFFFFF;
> }
>
> #logo {
> font:normal 30px/30px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> letter-spacing:0.2em;
> }
>
> #tagline {
> font:lighter 11px/18px Arial, Helvetica, sans-serif;
> color: #BD38AE;
> letter-spacing:0.4em;
> }
>
> #monthformat {
> border-bottom: 1px dashed #5C743D;
> }
>
> #dateformat {
> font:bold 11px Arial, Helvetica, sans-serif;
> color: #003300;
> letter-spacing:0.2em;
> }
>
> #dateformat a {
> font:11px Arial, Helvetica, sans-serif;
> color: #993300;
> font-weight:bold;
> letter-spacing:.1em;
> text-decoration:none;
> }
>
> #dateformat a:hover {
> color: #F4FFE4;
> letter-spacing:.1em;
> }
>
> /* Class Styles */
>
> .bodyText {
> font:12px/18px Arial, Helvetica, sans-serif;
> color:#333333;
> margin-top:0px;
> text-align: justify;
> }
> .bodyText h4 {
> color: #669933;
> font: bolder 13px Arial, Helvetica, sans-serif;
> }
>
>
> .pageName{
> font: bold 16px/26px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> letter-spacing:0.21em;
> }
>
> .subHeader {
> font:bold 12px/18px Arial, Helvetica, sans-serif;
> color: #BD38AD;
> letter-spacing:0.1em;
> }
>
> .quote {
> font: 20px Arial, Helvetica, sans-serif;
> color: #759DA1;
> line-height:30px;
> }
>
> .smallText {
> font: 12px/18px Arial, Helvetica, sans-serif;
> color: #333333;
> text-align: justify;
> }
> #copyright {
> text-align: center;
> font: 10px Arial, Helvetica, sans-serif;
> color: #003300;
> text-decoration: none;
> }
>
>
>
> .navText {
> font: 11px Arial, Helvetica, sans-serif;
> color: #333333;
> line-height:16px;
> letter-spacing:0.1em;
> text-decoration: none;
> }
>
> .topMenu {
> color: #BD38AD;
> text-decoration: none;
> font: 12px Arial, Helvetica, sans-serif;
> }
> .bottomMenu {
> color: #BD38AD;
> text-decoration: none;
> font: 12px Arial, Helvetica, sans-serif;
> }
>