Testing on various browsers: Chrome, IE, Firefox. I'm facing an issue where the BusinessNav ID keeps getting pushed over 3 columns.
Desired page layout can be found here
I could definitely hack this code to adjust the positioning. However, with so much more content to add, excessive hacking will only make it look uglier.
Check out the site here: (I've identified potential problem areas)
CSS styles: search /*User Styles */ (limited styles applied)
Here's the scenario:
<div id="businessNav" class="grid_3 ">
<h2>Relationship</h2>
<h2>Wages</h2>
<h2>Common Sense</h2>
<h2>Forward Thinker</h2>
<h2>Learning</h2>
</div>
this piece of code is being affected by:
<div id="heresWhy" class="grid_3">
<h1>And Here's Why</h1>
<p>...<p>
</div>
Or
<div id="headerBusiness" class="grid_6">
<h1>Business</h1>
</div>
Can anyone spot the discrepancy in my code? Appreciate everyone's help