Rendering glitches in Mac FF 3.6

[ozzie123]

I'm almost finished up with a new website and the testing site can be viewed at http://clearlygreendesign.com/solefitwebsite/index.html

Two problems - the little blue rounded corner on the bottom right drops way below the box where it is supposed to reside when viewed in FF 3.6 for Mac. I haven't got a clue how to fix this issue (alot of my clients customers use Mac).

Secondly, there is a blue outline around the photos in the galleries http://clearlygreendesign.com/solefitwebsite/labgallery.html and http://clearlygreendesign.com/solefitwebsite/gaitanalysisgallery.html and I don't know how to get rid of that either.

I'm a novice CSS person so I'm hoping that some of you CSS gurus can help me out.

Thanks!

[djr33]

I haven't looked into this too deeply, but I believe you can fix the "blue border" by just changing the border to 0px.
The blue border is a default for images that are links, just like underline is a default for text links.
<img style="border-width: 0px;">
Or declare that in your CSS.
(I believe you can also use style="border:0px;", but the above line is a little more specific... up to you.)

[robot bo]

first :
just change

#form {
float:left;
margin: 20px 25px 15px 10px;}
to
#form {
float:left;
margin: 20px 0px 15px 10px;}

[ozzie123]

Awesome!!! That works, thanks so much!!!! :):):)

[robot bo]

you are welcome


more IE and Firefox's CSS-compliant, http://blog.shoessm.com/Content.Asp?id=8,

but this post translate chinese to english maybe,I can't Completely understand