Thread: Repair css IE/FF issue

I am working on a new site and of course it works perfect in FF but in IE the nav bar is messed up and the rounded corners are not working.

Can see it here registrar coupons if you can see the issues and can fix them then please let me know.

I would imagine this can be done via your browser with the right plugins so I dont need to send any files. If you can see the issues and can fix them then please let me know.

That doesn't look right in FF either. That thing where the menu items change height when you click them makes my head hurt. Also, the rounded corners have a white background leaking in around them in Firefox. (Sorry )

When I look at the relevant HTML:

Code:

    <div id="nav">
        <ul id="mainnav">
            <li><a href="http://www.netbuilders.org/forums.php">Main</a></li>
            <li><a href="send.php">Submit Coupon</a></li>
            <li><a href="faq.php">FAQ</a></li>
            <li id="features" class="active"><a href="contact.php">Contact</a></li>
            <li id="hits" class="right">135 Defunct | 693 Active | 828 proxies | 59717 hits</li>
        </ul>

I see it calling five CSS tags:

• nav
• mainnav
• features
• active
• hits

"features" and "hits" are not mentioned anywhere in master.css.

At first glance, I would be tempted to change this:

Code:

#mainnav .active a { padding:4px 20px; background:url(../img/layout/mainnav-triangle.gif) no-repeat 50% 100%; }

To this:

Code:

#mainnav .active a { padding:0px 20px 9px; background:url(../img/layout/mainnav-triangle.gif) no-repeat 50% 100%; }

I don't see any styling to the list - <ul> and <li>.
Probably the problem lies there.

Actually good to see that before I invested anymore into this theme. Will have to look for another alternative design. This looked good on themeforest but I suppose since I ripped out alot of the navigation elements I messed it up.



After someone pointing this out found out the rounded corners used are not compatible with IE reference