List and rounded corners fix for IE, link fix for firefox

[gunnarreyr]

Hi!
I have three problems I need help with. I would appreciate some pointers to fix them.

1) IE: Lists go vertically and gets extra borders on the right and bottom while looking perfect in Firefox
2) IE: Rounded corners images are not transparent (perfect in ff)
3) Firefox: Clicking on the gray navigation buttons makes extra margins between them and the one most to the right goes to the next line.

My dev url is: http://www.gunnarreyr.com/forsida/forsida-salonritz.html

Best regards,
Gunnar

[Apostropartheid]

Icelandic, huh?
The rounded corners aren't showing up as transparent because they aren't? They have a colored background in the source image.

[gunnarreyr]

Yes Icelandic :)
Think you for your reply.

Ok - I assumed the images are transparent, they are at least showing up right in ff. Do you know the solution for that?

[abduraooft]

3) Firefox: Clicking on the gray navigation buttons makes extra margins between them and the one most to the right goes to the next line. That extra spacing comes from the outline of the anchor element, upon clicking them. A style outline:none; to those anchors may fix the issue, but I don't recommend it, as it cause some accessibility issues.

Just try .nav {
background:#47505A url(images/rounded/nav_csc_tl.png) no-repeat scroll 0%;
float:left;
margin-right:1px;
padding:0.1em;
position:relative;
text-align:center;
width:125px;/*or a smaller one*/
} also!

[abduraooft]

1) IE: Lists go vertically and gets extra borders on the right and bottom while looking perfect in Firefox
<li> and <div> are block level elements and they don't align side by side with similar block elements, unless we apply some float or change the display to inline.

Fix the errors in your markup (http://validator.w3.org/check?uri=http%3A%2F%2Fwww.gunnarreyr.com%2Fforsida%2Fforsida-salonritz.html&charset=%28detect+automatically%29&doctype=Inline&group=0)

[gunnarreyr]

Thank you very much abduraooft. I will correct my markup and try the fix for the number 3.