Now i've come around something I really can't understand.
I'm trying to have a div which contain another div just like this
<div id="main">
<p><span> bla bla bla bla</span></p>
<div id="menu">
<ul><li>one</li><li>two</li><li>three</li></ul>
</div>
</div>
I want the div#menu to have a negative margin on the right or left to go
over the border of the main div (just in project 10 of eric meyer on
css) so I floated it and everything works fine until i give a min-height
to the div#main.
div#menu {float: right; width: 5em;
padding: 0; margin: 0 -1.5em 0.25em 0.5em;
border: 1px solid black;}
to work around the fact that IE doesn't see min-height i've done this:
div#main {
min-height: 193px;
height:auto !important;
height: 193px;
}
but when I set the height (which explorer should interpret as a
min-height) the div#menu with negative margins shows only in the part
which is actually inside the div#main, the rest just disappear.
here you'll find 2 pictures of what I'm talking about
with no height/min-height set http://www.alisha.it/lj/noheight.jpg
with height/min-height set http://www.alisha.it/lj/height.jpg
any idea of how working around this and what is causing? is it a bug of
IE? cause in firefox it just display perfectly
Thanks in advance
*Alisha*
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
