Custom layout widgets don't top reference in 4.2

[mosswings]

www.pflagpdx.org

With the 4.2.0 release, the "events" widget on the home page of the above website (home page uses the custom layout with 1 left sidebar and 3 custom layout areas. This widget and the "news" widget are in layout area #2) no longer originates at the top of the section.
Upon forced page reload, one can see the events widget starting at the top of the layout area and then suddenly jumping to somewhere near the bottom of the area. I'm using Chrome. IE doesn't show this improper referencing (but has other problems, as one would expect).

The widgets are placed with "no height adjustment" and "2 column" layout. The various height adjustment options
cause both widgets to clip in width, although the "all widgets the same height" options do cause the events widget to top-reference.
The "place with Jquery Masonry" option causes the two widgets to stack vertically and partially overlap.

These unequal width columns are set using the following custom CSS to establish a 420 pixel left column and a 250 pixel right column:

/* News posts widgets */
#suf-cat-posts-2, #suf-cat-posts-5 { /* pdx and pbc news widgets */
width: 420px !important;
/* margin-left: 8px !important; */
margin-right: 8px;
}

/* events listing widgets */


#text-28, #text-36 { /* pdx and pbc events custom widgets*/
width: 250px !important;
margin-left: 8px !important; }

/* ads below listings widgets */

#text-32 { /*sub news ad */
width: 420px;
margin-left: 0; !important;
border: 1px;
border-color: #000000;
background-color:#333333;
}

#text-33 { /* sub events widget*/
width: 250px;
margin-left: 8px; !important; }

Note that all widgets are explictly called by name, so the HTML5 semantic markup changes should have any effect.
Any idea what's going on?

[sayontan]

The semantic markup wouldn't have an effect, but some of your style definitions would. Add this to your custom styles:

Code: Select all

#text-28 { float: right; }

[mosswings]

Amazing. That worked perfectly. I would have never guessed that floating right would cause the widget to top-reference. Thanks much, Sayontan. At the risk of overasking, why does this work?