Div not stretching

I have the following divs:

<div style='border: 1px solid black; min-height: 20px; position: relative; '>
				<div style='float: left; width: 150px; min-height: 30px; border: 1px solid black'>test<br />test<br />test<br />test<br />test<br />test<br />test<br /></div>
				<div style='float: left; width: 150px; min-height: 30px; border: 1px solid black'>test<br />test<br />test<br />test<br />test<br />test<br />test<br />dasda<br />sdasdasd</div>
			</div>
[code]

Position problem

Hello! I have a problem with position of Flash gallery in my page. When i open it in 1366x768 it looks fine, becuase i configured that way. But when i change resolution to anything else (just width resolution) isnt in position anymore.

Link: Site

CSS:

P.sredina {
    margin-left: auto;
    margin-right: auto;
    margin-top: -46px;
    width: 950px;
}
 
#gallery {
    margin-left: 500px;
    margin-right: auto;
    margin-top: -500px;
    #position:absolute;
    #width: 10px;
}

html:

Safari float right + sibling right margin

Hi everyone,

I have a problem in the Safari browser only -- well maybe Chrome too Wink

As you can see in the code below, using FF, IE7 + 8, the margin-right prevents the body text from flowing around the floated element. This works a treat apart from webkit. Webkit thinks that the margin-right should push the body copy across 200px to the left of the floated element.

The trouble is that I will never know what the width of bodytext div will be since it is a cms situation.

Any ideas would be much much appreciated.

css:
#parent {position:relative;overflow:hidden;}

Floating list items in div with predefined width

Appologizes if this one has already been covered, but I'm close to deadline...

I have a div with a defined width of 714px where I output a not defined number of list items in an unordered list. I need to float these list items next to each other and break on every three items.

Result should be list items with a width of 222px with a right-margin of 24px, but doing this makes the last item break as there's no room for a right-margin of this object.

So basically code is:

<div>
<ul>
<li></li>
<li></li>
<li></li>
...
<li></li>
</ul>
</div>

Relative reading as Absolute?

Hi, I am working on this site, and one part is not working right. I don't see any extra divs in the index or wraps-gallery.html pages, but the menuBottomGallery div on the Gallery pages appears as positioned as absolute or outside of the main div because it's not shifting with the centered page but I did position it as Relative in the styles.css... I don't see where / why this is happening? Can you see what I might be doing wrong or missing?

Thanks!

Syndicate content