Michel Bozgounov wrote:
> Here's the link: http://lelion.info/web/cantarco/en/information/

> If I :hover a link on the page, which contains the small thumbnails, 
> only PART of the BORDER changes color - in IE 6.0/WinXP.

> Am I doing a mistake here so the whole border does not change color 
> on :hover, or it's an IE bug which I maybe somehoow address?

The <a> is inline while (or rather because) the image is floating. IE
can only affect the part of the floating image that is inside the <a>.
You'll see where the <a> is by adding a large border or padding to it.

Solution: float the <a> left so it expands to contain the entire image,
and IE will behave itself :-)

> Second question:

> [...]

> What should I add in the CSS, so, IN CASE there's not enough text in 
> the paragraph, and the image is maybe bigger, the image WON'T STICK 
> below the container "shortinfo" and overlap the NEXT "shortinfo" DIV?
> Can it be done without a clearing element right before the ending DIV
> tag? And work in all browsers of today, incl. IE 6, 7?

A few options linked in under *containing floats* here...
<http://www.gunlaug.no/contents/wd_example_01.html>

I tend to float containers so they automatically expand to contain
everything inside. 100% wide floats will then stack nicely, one after
the other, down the page inside the main container.
Floats can of course _not_ be used everywhere, but they are otherwise
the most reliable solution around - even works in IE :-)

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
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/

Reply via email to