> tabs are sliding down, overlapping the div instead of sitting on top. Teh
>following link illlustrates this... http://www.rollandburn.com/test.html
I think the easiest solution would be to wrap the chunk of round corner html
code in its own <div id="wrap-round-corners"> and then give that <div> a top
margin equal to the height of the ".tabNav" as follows:
<div class="tabNav">
<ul>
<li class="current"><a href="index.php?view=dashboard"
title="Dashboard">Dashboard</a></li>
<li><a href="index.php?view=mortgage-add" title="Add Mortgage">Add
Mortgage</a></li>
<li><a href="index.php?view=search" title="Search">Search</a></li>
<li><a href="index.php?view=reports" title="Reports">Reports</a></li>
</ul>
</div>
<div id="wrap-round-corners">
<!-- START ROUNDCORNERS -->
<div class="top-left"></div>
<div class="top-right"></div>
<div class="inside">
<span class="notopgap"> </span>
<p>In a van down by the river....</p>
<!-- FINISH ROUNDCORNERS -->
<span class="nobottomgap"> </span>
</div>
<div class="bottom-left"></div>
<div class="bottom-right"></div>
</div><!-- End wrap-round-corners -->
</body>
</html>
Adjust the top margins on "#wrap-round-corners" until the tabs are where you
would like them in relation to the round corner box. I did not take a close
look at your html/css, so there may be a better way...but this should work
pretty well cross-browser.
--
Jono Young
Designer | Developer | Illustrator
Charleston Web Solutions
"Bringing Higher Standards to the Lowcountry"
http://www.charlestonwebsolutions.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
