IE7 bugs - flickering links and disappearing div's 1

[bpw89]

Hi,
I'm a rookie web designer, and I recently started testing all of my sites in IE7. All except 1 work great. I'm hoping that I can get some help with the bugs I encountered in that last one. Here's the problem:

I've created a box with rounded corners, except that in IE7 the two left divs disappear. When I add content (or &nbsp they expand to fit that, but they don't expand 100% by default, like they do in all of the other browsers.

Also, the nav links flicker when you hover on them.

The site:

http://prototypes.wellscomputerconsulting.com/axiom/layout.html

CSS here:

http://prototypes.wellscomputerconsulting.com/axiom/mainstyle.css

Any help will be greatly appreciated!!

 

[bpw89]

Never mind about the links ... I just figured them out.
Any insight about the divs is still welcome (and sorely needed).

 

[Borvik]

Well bpw89, I think I got it worked out for you.

All you need to do is add the following code to the #main css block.

right: 20px;

making it like this:

#main {
position: absolute;
top: 140px;
left: 240px;
margin: 0;
padding: 0;
right: 20px;
}

As everything within the main div was positioned relative (as it wasn't specified), but no parent container had a width value. As you might not know the width - you at least know where you want the right side, so I set that.

Hope that helps you out.

 

[bpw89]

That was so simple...
Thanks

 

[Borvik]

Glad to be of service.