Hi, im having a bit of problem with my css. I have a link wrapped it its own div class and defined it in a css file, but its over riding and selecting from the "secondary" id. How do i make the class="fb" independent? <div id="secondary"> <ul id="sidebar"> <li id="search" class="widget widget_search"></li> <div class="fb"><a href="./?fbconnect_action=community"> view more...</a></div> Code (markup):
Well, first off you have invalid markup. You closed your LI and then go straight to the DIV? The only thing that can go directly inside a UL as a first-child is LI. You want a DIV, you have to move it INSIDE your LI. That or close off your UL, at which point why use a UL? Second, methinks you have a bit more markup than needed, but I'd need to see the whole page layout. I'm thinking the #secondary div can go outright, the TWO and maybe the ID on the LI could go, I'm not entirely certain you need the inner DIV either... Though again, I'd have to see what it is you are actually trying to do - just from this one tiny bit of code I think you've overthought your markup... That or you are using one of those silly bloated frameworks like YUI or Blueprint.