Thanks so much for checking in...
I've included a current screen shot that shows the current state of the site. It has been modified since I first posted, but I've yet to achieve a solution.
If you look at the image, you'll notice the three main content divs in the center of the site (which include the pictures and text for counseling, support and networking) are floating to the left. The more buttons are spread out and out of place but they're in a separate div and not my immediate concern.
Anyway...when I try to add code to spread the divs across the page within define margins, the divs look fine in Chrome, Safari, FF and IE8.
In IE6 (and perhaps IE7) the divs spread out too wide, causing the networking div to drop below the counseling and support divs.
I'm using Wordpress and can edit an IE7.css file, but I can't seem to find the right dimensions to pull the networking div back into place.
As for the more buttons, I can move them into the three content divs. I took them out because I want to have a border line separating the three divs. It looked better when the more buttons fell below the content divs. This made the line shorter...not so apparent.
Don't know if you can help...but even if you're able to suggest an approach..I'll take it. I've kind of tried to start over...but I don't know exactly what I can change to end up with the same problem.
The divs were originally put into a table by another programmer. I've removed the table, but perhaps some code still remains. Don't know if they might be causing the problem.
I've also recently loaded a javascript image carousel onto my site to hold advertisements. It's not styled yet, because I'm noticing it's not allowing the image window below the social media icons to load. It's an issue not relevant to this thread, but a problem nonetheless.
Thanks for any help you can provide.
